body { overflow: hidden; font-variant: none; background-color: #444; color: #eee }
.main-container { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.left-container { flex: 3; display: flex; flex-direction: column; overflow: hidden }
.left-top-container { flex: 0 }
.left-bottom-container { flex: 1; overflow: hidden }
.right-container { flex: 3; display: flex; flex-direction: column; overflow: hidden; position: relative }
.right-top-container { flex: 0 }
.right-bottom-container { flex: 1; overflow: hidden }
.right-working-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center }
.right-working { color: #ccc }
.middle-container { flex: 1; display: flex; flex-direction: column; padding: 0 8px }
.middle-space-above { margin-top: 8px }
.generator-picker { width: 100%; background-color: #222; color: #eee; border: none; overflow-y: auto }
.generator-picker:focus { outline: 0 }
.generator-picker option { background-color: #222; color: #eee }
.generator-picker option:hover { background-color: #555 }
.file-list-container { flex: 1; background-color: #222; position: relative }
.file-list { top: 0; bottom: 0; width: 100%; position: absolute; height: inherit; background-color: #222; color: #eee; overflow-y: auto; border: none }
.file-list:focus { outline: 0 }
.file-list option { background-color: #222; color: #eee }
.file-list option:hover { background-color: #555 }
.download-button { display: block; width: 100% }
::-webkit-scrollbar { width: 14px }
::-webkit-scrollbar-track { background-color: #222 }
::-webkit-scrollbar-thumb { background-color: #444 }
::-webkit-scrollbar-thumb:hover { background-color: #555 }
::-webkit-scrollbar-thumb:active { background-color: #666 }
::-webkit-scrollbar-button { display: none }