:root { color-scheme: dark; font: 15px system-ui; background: #111820; color: #e3edf4; }
body { max-width: 1100px; margin: 28px auto; padding: 0 18px; }
h1 { font-size: 24px; } h2 { font-size: 17px; }
video { display: block; width: 100%; max-height: 65vh; background: #000; margin: 14px 0; }
button, input { padding: 10px; margin: 4px 4px 4px 0; }
button { cursor: pointer; } a { color: #82d4ff; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
section { background: #1b2632; padding: 16px; border-radius: 6px; }
pre { font-size: 12px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 450px; overflow: auto; }
#connection, #source { padding: 10px 0; white-space: pre-wrap; }
.muted { color: #9fb0c2; } #notice { color: #ffd58a; }
textarea { box-sizing: border-box; width: 100%; height: 200px; }