body{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.brand{letter-spacing:.01em;font-weight:700}.brand span{color:var(--accent)}.conn{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.conn:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.conn.open:before{background:var(--success)}.conn.reconnecting:before{background:var(--warning)}main.admin{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:1.25rem;max-width:1200px;margin:0 auto;padding:1.5rem;display:grid}@media (width<=900px){main.admin{grid-template-columns:1fr;padding:1rem}}.side{gap:1.25rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 1rem;font-size:.8rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack{gap:.85rem;display:grid}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login form{gap:.9rem;width:min(360px,100%);display:grid}.login h1{margin:0 0 .25rem;font-size:1.4rem}input[type=password],input[type=text],select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;padding:.6rem .75rem}.error{color:var(--danger);min-height:1.35em;margin:0;font-size:.9rem}.link-box{gap:.5rem;display:flex}.link-box input{font-family:var(--mono);font-size:.85rem}.stat{font-size:2rem;font-weight:700;line-height:1}.preview{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.preview video{object-fit:contain;width:100%;height:100%}.preview .placeholder{color:var(--muted);text-align:center;padding:1rem;position:absolute}.preview .unmute{background:#0009;padding:.3rem .6rem;font-size:.8rem;position:absolute;top:.6rem;right:.6rem}.now-playing{text-overflow:ellipsis;white-space:nowrap;margin:.9rem 0 .4rem;font-weight:600;overflow:hidden}.timeline{font-family:var(--mono);color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.timeline input[type=range]{width:100%;accent-color:var(--accent)}.transport{justify-content:center;gap:.6rem;margin-top:.9rem;display:flex}.transport button{min-width:4.5rem}.transport .play{min-width:7rem}.drop{border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--muted);cursor:pointer;overflow-wrap:anywhere;padding:.9rem}.drop.has-file{color:var(--text);border-style:solid}.drop.dragover{border-color:var(--accent)}.checkbox{align-items:flex-start;gap:.5rem;font-size:.92rem;display:flex}.checkbox input{margin-top:.25rem}.ingest-step{justify-content:space-between;margin-bottom:.4rem;font-size:.9rem;display:flex}.ingest-step.failed{color:var(--danger)}.ingest-step.ready{color:var(--success)}