:root { color-scheme: light dark; font: 16px system-ui; }
body { margin: 0; }
main { max-width: 900px; margin: auto; padding: 1rem; }
header, .buttons { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
section { margin-block: 1rem; padding: 1rem; border: 1px solid GrayText; border-radius: .75rem; }
button, input { font: inherit; padding: .55rem; }
#filter { width: 100%; box-sizing: border-box; margin-block: .5rem; }
#files { max-height: 19rem; overflow: auto; display: grid; gap: .25rem; }
#files button { text-align: left; overflow-wrap: anywhere; }
li, .video { overflow-wrap: anywhere; margin-block: .5rem; }
li button { margin-inline-start: .5rem; }
progress { display: block; width: 100%; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }
[hidden] { display: none !important; }