:root { color-scheme: dark; font: 16px system-ui, sans-serif; background: #111820; color: #e6edf3; }
body { margin: 0; }
main { max-width: 1280px; margin: auto; padding: 24px; }
h1 { font-size: 1.6rem; }
small { color: #9db5c9; font-size: 1rem; }
form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
input, button { font: inherit; padding: 9px 12px; border: 1px solid #526678; border-radius: 5px; }
input { flex: 1; min-width: 220px; }
button { cursor: pointer; background: #25465e; color: white; }
button:disabled { opacity: .5; cursor: default; }
video { display: block; width: 100%; aspect-ratio: 16/9; background: black; }
body.test-f video { width: 1280px; height: 720px; }
p { color: #b6c5d1; line-height: 1.5; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.metric { padding: 12px; background: #1b2935; border-radius: 5px; overflow-wrap: anywhere; }
.metric span { display: block; color: #b6c5d1; font-size: .85rem; }
.metric strong { display: block; margin-top: 5px; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow: auto; }