:root{--stage:#0e0f13;--surface:#181920;--line:#262832;--line-strong:#3a3d4a;--ink:#e4e5ea;--ink-quiet:#8b8d98;--accent:#7c9cbf;--warn:#c8926a;--ok:#8fb39a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--stage);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}html,body{height:100%;margin:0}.stage{flex-direction:column;gap:10px;height:100%;padding:10px;display:flex}.screen{background:#000;border-radius:6px;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}video{object-fit:contain;width:100%;height:100%;display:none}video.live{display:block}.placeholder{color:var(--ink-quiet);margin:0}.bar{align-items:center;gap:12px;display:flex}.play{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:6px;flex:none;font-size:12px}.play:disabled{opacity:.4;cursor:default}.play:focus-visible,.scrub:focus-visible,.library:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scrub{accent-color:var(--accent);cursor:pointer;flex:1}.scrub:disabled{cursor:default}.clock{font-variant-numeric:tabular-nums;color:var(--ink-quiet);flex:none}.drift{text-align:right;font-variant-numeric:tabular-nums;min-width:76px;color:var(--ink-quiet);flex:none}.drift.correcting{color:var(--warn)}.tray{align-items:center;gap:12px;display:flex}.library{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:7px 9px}.library:disabled{opacity:.5}.role,.viewers{color:var(--ink-quiet);flex:none}.error{color:var(--warn);margin:0}