:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--bg:#050505;--surface:#0b0b0c;--surface-2:#131315;--surface-hover:#1c1c1f;--line:#ffffff14;--line-soft:#ffffff0d;--line-strong:#ffffff29;--text:#f7f7f8;--text-muted:#f7f7f88f;--text-dim:#f7f7f857;--red:#ff3b30;--red-soft:#ff3b3029;--red-text:#ff8079;--green:#30d158;--green-soft:#30d15829;--green-text:#7ee89c;--amber:#ffb020;--amber-soft:#ffb02029;--amber-text:#ffcc70;--blue:#0a84ff;--blue-soft:#0a84ff29;--blue-text:#7cbaff;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-xs:8px;--shadow-lg:0 24px 60px #0000008c;--shadow-md:0 12px 32px #0006;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}html.output-page,html.output-page body,html.output-page #app{background:0 0!important}body{-webkit-font-smoothing:antialiased;font-size:14px}button,input,textarea{font:inherit}button{border-radius:var(--radius-xs);background:var(--surface-2);min-width:0;color:var(--text);cursor:pointer;border:none;transition:background .15s,color .15s,transform 80ms,opacity .15s}button:hover:not(:disabled){background:var(--surface-hover)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}input,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);outline:none}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}code{font-family:var(--mono);font-variant-numeric:tabular-nums}svg{display:block}.login-page{background:var(--bg);place-items:center;min-height:100%;padding:32px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(1000px 600px at 50% -8%,#ff3b301a,#0000 62%);position:absolute;inset:0}.login-shell{z-index:1;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);width:min(360px,100vw - 48px);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-panel{flex-direction:column;justify-content:center;gap:22px;padding:40px;display:flex}.login-panel label{gap:9px;display:grid}.login-panel label>span{color:var(--text-muted);font-size:12.5px;font-weight:600}.login-panel input{border-radius:var(--radius-sm);background:var(--surface);width:100%;height:48px;padding:0 15px;font-size:14px}.login-panel button{border-radius:var(--radius-sm);background:var(--text);color:#0a0a0a;height:48px;font-size:13px;font-weight:650}.login-panel button:hover:not(:disabled){background:#fff}.login-error{border-radius:var(--radius-xs);background:var(--red-soft);color:var(--red-text);margin-top:-10px;padding:10px 12px;font-size:12.5px}.console-shell{background:var(--bg);grid-template-rows:minmax(0,1fr) auto auto;width:100%;height:100vh;display:grid}.topbar-wrap{z-index:50;height:9px;position:fixed;top:0;left:0;right:0}.topbar-wrap:hover,.topbar-wrap:focus-within,.topbar-wrap.pinned{height:60px}.topbar-hint{cursor:pointer;background:linear-gradient(#0000008c,#0000);place-items:center;height:9px;display:grid;position:absolute;top:0;left:0;right:0}.topbar-hint:after{content:"";background:#ffffff59;border-radius:999px;width:36px;height:3px}.topbar-wrap:hover .topbar-hint:after,.topbar-wrap.pinned .topbar-hint:after{background:#fff9}.topbar{border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:minmax(380px,1.4fr) minmax(130px,.5fr) auto auto;align-items:center;gap:20px;min-width:0;height:60px;padding:0 20px;transition:transform .16s;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(-60px);box-shadow:0 12px 30px #00000073}.topbar-wrap:hover .topbar,.topbar-wrap:focus-within .topbar,.topbar-wrap.pinned .topbar{transform:translateY(0)}.top-status{min-width:0;color:var(--text-muted);white-space:nowrap;align-items:center;gap:clamp(14px,1.8vw,26px);font-size:12.5px;display:flex}.top-status span{align-items:center;gap:7px;display:flex}.top-status b{color:var(--text);font-weight:600}.signal-state i,.live-pill i{background:var(--text-dim);border-radius:999px;flex:0 0 6px;width:6px;height:6px}.signal-state.active{color:var(--green-text)}.signal-state.active i{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.program-tally{border-left:1px solid var(--line);min-width:0;padding-left:20px;display:grid}.program-tally span{color:var(--red-text);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.program-tally span:before{content:"";background:var(--red);width:5px;height:5px;box-shadow:0 0 0 3px var(--red-soft);border-radius:999px}.program-tally b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.switcher-actions,.top-actions{align-items:center;gap:8px;min-width:0;display:flex}.switcher-actions>button{border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:12.5px;font-weight:600;display:flex}.switcher-actions>button i{background:var(--text-dim);border-radius:999px;width:6px;height:6px}.live-take.active,.replay-take.active{background:var(--red);color:#fff}.live-take.active i,.replay-take.active i{background:#fff}.take-replay-button{background:var(--red);color:#fff}.return-live{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;margin-left:2px;font-size:12px;display:flex}.return-live input{accent-color:var(--text-muted)}.top-actions{justify-content:flex-end}.top-actions button{border:1px solid var(--line-strong);height:34px;color:var(--text-muted);background:0 0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:550}.top-actions button:hover{color:var(--text);background:var(--surface-2)}.monitor-wall{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid;overflow:hidden}.feed-tile{background:#000;min-width:0;min-height:0;position:relative;overflow:hidden}.feed-tile.on-air{box-shadow:inset 0 0 0 2px var(--red), inset 0 0 50px #ff3b3033;z-index:1}.feed-video{width:100%;height:100%;position:relative}.feed-video video,.replay-player>video{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.replay-player{width:100%;height:100%;position:relative}.empty-monitor,.monitor-message{z-index:2;color:var(--text-dim);text-align:center;background:#000;place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.empty-monitor b{color:var(--text-muted);font-size:14px;font-weight:600}.empty-monitor span{max-width:340px;font-size:12.5px}.monitor-message{font-size:12.5px}.feed-overlay-top{z-index:3;background:linear-gradient(#0000009e,#0000);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex;position:absolute;top:0;left:0;right:0}.feed-identity{align-items:baseline;gap:9px;min-width:0;display:flex}.feed-label{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:11px;font-weight:600}.feed-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.feed-top-actions{flex:none;align-items:center;gap:8px;display:flex}.feed-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffc7;white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600}.feed-badge.live,.feed-badge.onair{background:var(--red);color:#fff}.clear-btn{background:#ffffff1f;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.clear-btn svg{stroke:#fffc;stroke-width:2px;fill:none;width:13px;height:13px}.clear-btn:hover{background:var(--red-soft)}.clear-btn:hover svg{stroke:var(--red-text)}.feed-overlay-bottom{z-index:3;background:linear-gradient(#0000 0%,#0000008c 40%,#000000db 100%);flex-direction:column;gap:10px;padding:16px 18px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.feed-timecode-row{justify-content:space-between;align-items:baseline;display:flex}.feed-timecode{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#fff;font-size:15px;font-weight:600}.feed-behind{color:var(--amber-text);font-size:11px;font-weight:600}.feed-duration{font-family:var(--mono);color:#ffffff80;font-size:12px}.feed-controls{align-items:center;gap:8px;display:flex}.icon-btn{background:#ffffff1a;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-btn svg{fill:#ffffffeb;width:16px;height:16px}.icon-btn:hover:not(:disabled){background:#ffffff2e}.icon-btn.primary{background:#fff;width:42px;height:42px}.icon-btn.primary svg{fill:#0a0a0a}.icon-btn.primary:hover:not(:disabled){background:#ffffffe0}.ghost-pill{color:#fff;background:#ffffff1a;border-radius:999px;height:34px;padding:0 14px;font-size:12px;font-weight:600}.ghost-pill:hover:not(:disabled){background:#ffffff2e}.live-pill{color:#ffffffbf;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;height:34px;margin-left:2px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.live-pill i{background:#fff6}.live-pill.active{background:var(--red);color:#fff}.live-pill.active i{background:#fff}.take-pill{background:var(--red);color:#fff;border-radius:999px;height:34px;padding:0 18px;font-size:12px;font-weight:700}.take-pill:hover:not(:disabled){background:#ff544a}.speed-bank{gap:4px;margin-left:auto;display:flex}.speed-bank button{color:#ffffff9e;min-width:32px;height:30px;font-size:11px;font-family:var(--mono);background:#ffffff14;border-radius:999px;padding:0 6px}.speed-bank button.active{color:#0a0a0a;background:#ffffffeb}.feed-secondary-row{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:16px;font-size:11.5px;display:flex}.feed-secondary-row label{white-space:nowrap;align-items:center;gap:6px;display:flex}.feed-secondary-row input[type=checkbox]{accent-color:#ffffffb3}.queue-strip{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.queue-strip>span{color:#ffffff73;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:600}.queue-strip small{color:#ffffff59}.queue-items{gap:5px;min-width:0;display:flex;overflow:hidden}.queue-items button{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:5px;max-width:140px;height:24px;padding:0 8px;font-size:10.5px;display:flex;overflow:hidden}.queue-items b{color:#fff9}.queue-items i{color:var(--red-text);font-style:normal}.panel-error{z-index:4;border-radius:var(--radius-xs);background:var(--red-soft);color:var(--red-text);margin:0;padding:8px 12px;font-size:11.5px;position:absolute;bottom:100px;left:18px}.replay-scrub-track{cursor:ew-resize;touch-action:none;align-items:center;height:14px;display:flex;position:relative}.dvr-strip{border-bottom:1px solid var(--line);background:var(--surface);min-width:0;padding:12px 20px}.window-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffc7;background:#ffffff1f;border:none;border-radius:999px;height:26px;padding:0 8px;font-size:10.5px;font-weight:600}.window-select option{color:#000}.youtube-timeline{cursor:ew-resize;touch-action:none;height:22px;position:relative}.timeline-rail{background:var(--line-strong);border-radius:999px;height:4px;position:absolute;top:9px;left:0;right:0}.timeline-played{background:var(--blue);pointer-events:none;border-radius:999px;height:4px;position:absolute;top:9px;left:0}.replay-scrub-track .timeline-rail,.replay-scrub-track .timeline-played{background:#ffffff38;height:3px;top:6px}.replay-scrub-track .timeline-played{background:#fff}.playhead-dot{z-index:6;border:2px solid var(--bg);background:var(--blue);width:12px;height:12px;box-shadow:0 0 0 3px var(--blue-soft);pointer-events:none;border-radius:999px;position:absolute;top:5px;transform:translate(-50%)}.replay-scrub-track .playhead-dot{width:10px;height:10px;box-shadow:none;background:#fff;border-color:#000;top:2px}.dragging .playhead-dot,.scrubbing .playhead-dot{width:15px;height:15px;top:3px}.selected-range{pointer-events:none;background:#ffb02038;border-radius:4px;height:8px;position:absolute;top:7px}.mark-line{z-index:4;background:var(--green);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.mark-line.mark-out{background:var(--red)}.mark-line span{background:var(--green-soft);color:var(--green-text);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:-2px;left:5px}.mark-line.mark-out span{background:var(--red-soft);color:var(--red-text);left:auto;right:5px}.timeline-tooltip{z-index:9;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);font:10.5px/1 var(--mono);white-space:nowrap;pointer-events:none;padding:4px 7px;position:absolute;bottom:20px;transform:translate(-50%)}.youtube-timeline.on-video{height:14px;margin-bottom:2px}.youtube-timeline.on-video .timeline-rail{background:#ffffff40;height:3px;top:6px}.youtube-timeline.on-video .timeline-played{background:var(--red);height:3px;top:6px}.youtube-timeline.on-video .playhead-dot{background:var(--red);width:11px;height:11px;box-shadow:none;border-color:#000;top:2px}.youtube-timeline.on-video.dragging .playhead-dot,.youtube-timeline.on-video.scrubbing .playhead-dot{width:14px;height:14px;top:0}.youtube-timeline.on-video .selected-range{height:5px;top:5px}.marking-row{grid-template-columns:88px 92px 92px 92px 76px minmax(150px,1fr) 100px 70px 180px;align-items:center;gap:8px;min-width:0;display:grid}.marking-row button{border-radius:999px;height:34px;padding:0 12px;font-size:11.5px;font-weight:600}.marking-row code{color:var(--text-muted);font-size:11px;font-family:var(--mono)}.mark-button.in{background:var(--green-soft);color:var(--green-text)}.mark-button.out{background:var(--red-soft);color:var(--red-text)}.clip-duration{color:var(--text-dim);gap:5px;font-size:10.5px;display:flex}.clip-duration b{color:var(--text);font-family:var(--mono)}.marking-row input{border-radius:999px;min-width:0;height:34px;padding:0 14px;font-size:12px}.add-event{background:var(--red);color:#fff;font-weight:700}.add-event:hover:not(:disabled){background:#ff544a}.quick-replay{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.quick-replay span{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600}.quick-replay button{width:34px;font-family:var(--mono);border-radius:999px;padding:0;font-size:11px}.events-strip{flex-direction:column;gap:10px;min-width:0;min-height:168px;max-height:220px;padding:14px 20px 16px;display:flex;overflow:hidden}.events-strip-header{justify-content:space-between;align-items:center;display:flex}.events-strip-title{color:var(--text-muted);font-size:12.5px;font-weight:600}.event-search{border-radius:999px;width:240px;height:30px;padding:0 12px;font-size:12px}.event-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:8px;min-width:0;padding-right:2px;display:grid;overflow:auto}.event-card{border-radius:var(--radius-sm);background:var(--surface);cursor:default;grid-template-columns:96px minmax(0,1fr);gap:11px;min-width:0;padding:9px;transition:background .12s;display:grid}.event-card:hover{background:var(--surface-2)}.event-card.selected{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--blue)}.event-thumb{aspect-ratio:16/9;border-radius:var(--radius-xs);width:96px;color:var(--text-dim);background:#000;place-items:center;font-size:9px;display:grid;position:relative;overflow:hidden}.event-thumb img{object-fit:cover;width:100%;height:100%}.event-thumb small{color:#fff;font:8.5px/1 var(--mono);background:#000000c7;border-radius:999px;padding:2px 5px;position:absolute;bottom:4px;right:4px}.event-copy{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.event-title-row{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.event-title-row b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:60px;font-size:12.5px;font-weight:600;overflow:hidden}.event-copy>small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:10.5px;overflow:hidden}.clip-status{background:var(--surface-2);color:var(--text-muted);text-transform:capitalize;border-radius:999px;flex:none;padding:2px 8px;font-size:9.5px;font-weight:600}.clip-status.ready{background:var(--green-soft);color:var(--green-text)}.clip-status.building{background:var(--amber-soft);color:var(--amber-text)}.clip-status.error{background:var(--red-soft);color:var(--red-text)}.clip-status.refining{background:var(--blue-soft);color:var(--blue-text);cursor:help}.event-error{color:var(--red-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.event-actions{gap:5px;margin-top:auto;display:flex}.event-actions button{background:var(--surface-2);border-radius:999px;height:25px;padding:0 10px;font-size:10.5px}.event-actions .primary{background:var(--blue-soft);color:var(--blue-text)}.event-actions .danger{color:var(--red-text);background:0 0;margin-left:auto}.empty-events{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);min-height:70px;color:var(--text-dim);grid-column:1/-1;place-items:center;font-size:12px;display:grid}.toast{z-index:100;border-radius:var(--radius-md);background:var(--surface-2);max-width:min(650px,100vw - 40px);box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.error-toast{background:var(--red-soft);color:var(--red-text)}.notice-toast{color:var(--text)}.toast button{background:0 0;border:0;margin-left:12px;padding:0}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:var(--surface-2);width:min(680px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);padding:22px;overflow:auto}.modal header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal h2{margin:2px 0 0;font-size:20px;font-weight:650}.modal header>button{background:var(--surface);border-radius:999px;width:32px;height:32px}.modal label{color:var(--text-muted);gap:8px;margin-top:14px;font-size:12px;display:grid}.copy-row{grid-template-columns:minmax(0,1fr) 66px;gap:8px;display:grid}.copy-row code{border-radius:var(--radius-xs);background:var(--bg);min-width:0;color:var(--text);white-space:nowrap;padding:11px 13px;overflow:auto}.copy-row button{border-radius:var(--radius-xs)}.system-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.system-grid span{border-radius:var(--radius-xs);background:var(--surface);color:var(--text-dim);padding:11px;font-size:10.5px}.system-grid b{color:var(--text);margin-top:5px;font-size:12px;display:block}.danger-wide{border-radius:var(--radius-sm);background:var(--red-soft);width:100%;height:40px;color:var(--red-text);font-weight:600}.editor-modal input,.editor-modal textarea{border-radius:var(--radius-sm);width:100%;padding:11px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-actions button{border-radius:999px;height:38px;padding:0 18px}.modal-actions .primary{background:var(--blue-soft);color:var(--blue-text)}.eyebrow{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.output{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--output-transition,.25s) ease;position:fixed;inset:0;overflow:hidden;background:0 0!important}.output.visible{visibility:visible;opacity:1}.output video{object-fit:contain;width:100%;height:100%;background:0 0!important}.replay-bug{color:#fff;box-shadow:var(--shadow-md);background:#ff3b30eb;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:flex;position:absolute;top:28px;left:28px}.replay-bug strong{letter-spacing:.06em}.replay-bug b{font-family:var(--mono)}.output-error{border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red-text);padding:9px 13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=760px){.login-page{padding:18px;overflow:auto}.login-shell{width:min(100%,360px)}.login-panel{padding:32px 28px}}@media (width<=1500px){.topbar{grid-template-columns:minmax(330px,1.3fr) minmax(110px,.45fr) auto}.top-actions,.top-status span:nth-child(3){display:none}.marking-row{grid-template-columns:78px 84px 84px 84px minmax(120px,1fr) 90px 60px}.clip-duration,.quick-replay{display:none}}@media (width<=1150px),(height<=850px){html,body,#app{height:auto;min-height:100%;overflow:auto}.console-shell{grid-template-rows:auto auto auto;height:auto;min-height:100vh}.topbar{grid-template-columns:1fr}.top-status{flex-wrap:wrap;grid-column:1/-1}.compact-tally{display:none}.top-actions{display:flex}.monitor-wall{grid-template-columns:1fr}.feed-tile{aspect-ratio:16/9}}@media (width<=760px){.switcher-actions{flex-wrap:wrap;grid-column:1/-1}.topbar{grid-template-columns:1fr}.top-status{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.top-actions{justify-content:flex-start}.marking-row{grid-template-columns:1fr 1fr}.marking-row code,.clip-duration,.quick-replay{display:none}.marking-row input{grid-column:1/-1}.event-search{width:160px}.system-grid{grid-template-columns:repeat(2,1fr)}.feed-secondary-row .queue-strip{display:none}}