.composition{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden;container-type:inline-size}.comp-canvas{transform-origin:0 0;color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.comp-bg,.comp-layer{position:absolute;inset:0}.comp-bg img,.comp-bg video{object-fit:cover;width:100%;height:100%}.comp-slot{background:#000;position:absolute;overflow:hidden}.comp-slot.inset{outline:4px solid var(--accent);border-radius:14px;box-shadow:0 12px 40px #0000008c}.comp-slot video,.comp-slot img{width:100%;height:100%;display:block}.comp-slot video,.fit-cover{object-fit:cover}.comp-slot .fit-contain{object-fit:contain}.comp-placeholder{color:#8a92a3;background:#1b1f27;justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;inset:0}.comp-nametag{border-left:6px solid var(--accent);background:#000000b3;padding:6px 16px;font-size:28px;font-weight:600;position:absolute;bottom:16px;left:16px}.comp-bug{object-fit:contain;max-width:240px;max-height:120px;position:absolute;top:40px;right:40px}.comp-bug.full-frame{width:100%;max-width:none;height:100%;max-height:none;inset:0}.comp-lower-third{align-items:stretch;max-width:1300px;animation:.45s cubic-bezier(.2,.8,.2,1) both lt-in;display:flex;position:absolute;bottom:90px;left:90px}.comp-lower-third.leaving{animation:.4s ease-in both lt-out}.lt-bar{background:var(--accent);width:12px}.lt-text{background:#0a0c10e0;padding:18px 32px}.lt-line1{font-size:52px;font-weight:700;line-height:1.1}.lt-line2{color:#d0d4dc;margin-top:6px;font-size:34px}@keyframes lt-in{0%{opacity:0;transform:translate(-60px)}}@keyframes lt-out{to{opacity:0;transform:translate(-60px)}}.comp-overlay{animation:.3s ease-out both overlay-in;position:absolute}.comp-overlay.transparent img{object-fit:contain;width:100%;height:100%}@keyframes overlay-in{0%{opacity:0;transform:scale(.96)}}.comp-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:root{--bg:#0e1014;--panel:#171a21;--panel-2:#1f232c;--border:#2a2f3a;--text:#e8eaef;--muted:#8a92a3;--accent:#3d8bfd;--live:#e5383b;--ok:#2fbf71;--warn:#f2a93b;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0 0 .5em}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}a{color:var(--accent)}button,.button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}button:hover:not(:disabled){border-color:#3b4252}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:#ffb3b5;background:#3a1d20;border-color:#6b2a2f}button.active{border-color:var(--ok);background:#173a2a}button.active-live{background:var(--live);border-color:var(--live);color:#fff}button.ghost,a.ghost{color:var(--muted);background:0 0;border-color:#0000;padding:4px 8px;text-decoration:none}button.ghost:hover{color:var(--text)}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;min-width:0;padding:7px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}label.checkbox{flex-direction:row;align-items:flex-start;gap:8px}.row{align-items:center;gap:8px;display:flex}.row>input,.row>select{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#ff8a8d}.center{text-align:center}.hint{background:var(--panel-2);border-radius:6px;margin:0;padding:8px 10px}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-live{background:var(--live);color:#fff}.badge-idle{background:var(--panel-2);color:var(--muted)}.badge-warn{background:var(--warn);color:#000}.badge-regie{background:var(--accent);color:#fff;text-transform:none}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:16px;display:flex}.page{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:32px 16px;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.show-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.show-list li{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.show-list li a{flex:1;font-weight:600;text-decoration:none}.prejoin{max-width:1000px;margin:0 auto;padding:32px 16px}.prejoin-body{grid-template-columns:1.4fr 1fr;gap:24px;margin-top:16px;display:grid}.prejoin-preview{aspect-ratio:16/9;border-radius:var(--radius);background:#000;overflow:hidden}.prejoin-preview video{object-fit:cover;width:100%;height:100%}.prejoin-form{flex-direction:column;gap:14px;display:flex}@media (width<=760px){.prejoin-body{grid-template-columns:1fr}}.meter{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.meter-bar{background:var(--muted);width:0;height:100%;transition:width 60ms linear}.meter-bar[data-level=good]{background:var(--ok)}.meter-bar[data-level=clip]{background:var(--live)}.mirror{transform:scaleX(-1)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:8px;display:grid}.tile{aspect-ratio:16/9;border-radius:var(--radius);outline-offset:-2px;background:#000;outline:2px solid #0000;transition:outline-color .12s;position:relative;overflow:hidden}.tile video{object-fit:contain;width:100%;height:100%}.tile.clickable{cursor:pointer}.tile.speaking{outline-color:var(--ok)}.tile.tally-program{outline:3px solid var(--live);outline-offset:-3px}.tile.tally-preview{outline:3px solid var(--ok);outline-offset:-3px}.tile.selected{outline-color:var(--accent)}.tile-placeholder{background:var(--panel-2);width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.tile-placeholder span{font-size:28px;font-weight:600}.tile-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:6px;left:6px;right:6px}.tile-top .quality{margin-left:auto}.tile-label{white-space:nowrap;text-overflow:ellipsis;background:#000000a6;border-radius:4px;align-items:baseline;gap:6px;max-width:calc(100% - 12px);padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:6px;left:6px;overflow:hidden}.quality{background:var(--muted);border-radius:50%;width:8px;height:8px}.quality-excellent,.quality-good{background:var(--ok)}.quality-poor{background:var(--warn)}.quality-lost{background:var(--live)}.lk-root{height:100vh}.guest-room,.regie{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.topbar-title,.topbar-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner{border-bottom:1px solid var(--accent);background:#1c2c47;align-items:center;gap:12px;padding:10px 16px;display:flex}.banner span{flex:1}.banner-error{border-color:var(--live);background:#3a1d20}.toast{background:var(--panel);border:1px solid var(--live);border-radius:6px;padding:8px 14px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.side{background:var(--panel);flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex}.guest-main{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}.guest-stage{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.program-return{aspect-ratio:16/9;border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;max-height:40vh;display:flex}.controls{background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.settings{background:var(--panel-2);border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;padding:10px 16px;display:flex}@media (width<=800px){.guest-main{grid-template-rows:1fr 280px;grid-template-columns:1fr}}.regie-main{flex:1;grid-template-columns:300px minmax(0,1fr) 280px;min-height:0;display:grid}.regie-center{min-width:0;overflow:auto}.regie-sources{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.focus{width:100%;max-width:900px;margin:0 auto}.invite-form{flex-direction:column;gap:6px;display:flex}.invite-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.invite{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.invite.online{border-left-color:var(--ok)}.invite.on-air{border-left-color:var(--live)}.invite-head{align-items:center;gap:8px;display:flex}.invite-name{flex-direction:column;flex:1;min-width:0;display:flex}.invite-name strong,.invite-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.invite.online .dot{background:var(--ok)}.invite-actions{flex-wrap:wrap;gap:4px;display:flex}.invite-actions button{padding:4px 8px;font-size:12px}.invite-edit{flex-direction:column;gap:6px;display:flex}.segmented{display:flex}.segmented button{border-radius:0;padding:3px 8px;font-size:11px}.segmented button:first-child{border-radius:5px 0 0 5px}.segmented button:last-child{border-left:none;border-radius:0 5px 5px 0}.segmented button.on{background:var(--border)}.segmented button.on.live{background:var(--live);border-color:var(--live);color:#fff}.chat{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.chat-msg{background:var(--panel-2);border-radius:6px;padding:6px 8px}.chat-msg.mine{background:#1c2c47}.chat-msg.private{border-left:3px solid var(--warn)}.chat-meta{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;display:flex}.chat-meta .from-regie{color:var(--accent)}.chat-meta .tag{color:var(--warn)}.chat-text{white-space:pre-wrap;word-break:break-word;margin-top:2px}.chat-form{flex-direction:column;gap:6px;display:flex}@media (width<=1300px){.regie-main{grid-template-columns:280px minmax(0,1fr)}.regie-main>.side:last-child{grid-column:1/-1;height:300px}}.badge-preview{background:var(--ok);color:#04130b}.badge-audio{color:#e2d4ff;text-transform:none;background:#3b2a55}.tally-dot,.dot-live{background:var(--live);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-live{margin:0 0 0 6px}kbd{font:inherit;border:1px solid var(--border);background:var(--panel-2);border-radius:4px;padding:1px 5px;font-size:11px}.mixer{flex-direction:column;gap:12px;padding:12px;display:flex}.monitors{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.monitor{flex-direction:column;gap:6px;display:flex}.monitor .composition{outline:3px solid var(--border);border-radius:6px}.monitor.preview .composition{outline-color:var(--ok)}.monitor.program .composition{outline-color:var(--live)}.monitor-label{align-items:center;gap:8px;min-height:22px;display:flex}.take-bar{flex-direction:column;gap:8px;width:110px;padding-top:28px;display:flex}.take-bar input{width:100%}.take-cut{letter-spacing:.06em;background:var(--live);border-color:var(--live);color:#fff;padding:18px 0;font-size:18px;font-weight:700}.playout-status{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;display:flex}.playout-status .badge{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiview{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.multiview .tile-label{font-size:11px}.mv-cell{flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.mv-label{z-index:2;pointer-events:none;background:#000000b3;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:4px;left:4px}.mv-empty{border:1px dashed var(--border);background:var(--panel-2);justify-content:center;align-items:center;display:flex;overflow:hidden}.mv-empty img,.mv-empty video{object-fit:contain;width:100%;height:100%}.mv-ppt-select{width:100%;font-size:12px}.mixer-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.mixer-card h3,.shortcuts{margin:0}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}@media (width<=1400px){.preset-grid{grid-template-columns:minmax(0,1fr)}}.preset-group{flex-direction:column;gap:4px;min-width:0;display:flex}.preset-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.preset{border:2px solid var(--border);flex-direction:column;align-items:stretch;gap:4px;padding:4px;font-size:11px;display:flex}.preset.preview{border-color:var(--ok)}.preset.program{border-color:var(--live);background:#3a1d20}.preset.incomplete{opacity:.5}.preset-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-thumb{aspect-ratio:16/9;background:#0a0c10;border-radius:3px;display:block;position:relative}.preset-cell{background:#3d4a63;border-radius:2px;justify-content:center;align-items:center;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute}.preset-cell.ppt{background:#5b6270}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.videos-panel{flex-direction:column;gap:10px;display:flex}.jingle-buttons{flex-wrap:wrap;gap:6px;display:flex}.media-list li.on-air{outline:2px solid var(--live)}.warn{color:var(--warn);margin:0}.cam-select{padding:2px 4px;font-size:12px}.lt-panel,.media-panel,.theme-panel{flex-direction:column;gap:10px;display:flex}.lt-onair{background:#3a1d20;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.lt-onair-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lt-list,.media-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lt-list li,.media-list li{background:var(--panel-2);border-left:3px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.lt-list li.on-air{border-left-color:var(--live)}.lt-item-text,.media-info{flex-direction:column;flex:1;min-width:0;display:flex}.lt-item-text strong,.media-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lt-form{flex-direction:column;gap:6px;width:100%;display:flex}.media-thumb{aspect-ratio:16/9;background:#000;border-radius:4px;flex-shrink:0;width:64px;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}.theme-panel input[type=color]{width:64px;height:32px;padding:2px}.render-page{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.render-ticker{width:2px;height:2px;animation:66ms steps(2,end) infinite render-tick;position:absolute;bottom:0;right:0}@keyframes render-tick{0%{background:#000}to{background:#020202}}.render-frame{width:min(100vw,177.778vh)}.render-overlay{background:#000c;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.live-page{flex-direction:column;gap:12px;max-width:1280px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.live-header{align-items:center;gap:10px;font-size:18px;display:flex}.live-player{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.live-player video{width:100%;height:100%}.live-status{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.live-unmute{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.live-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.program-return video{object-fit:contain;width:100%;height:100%}.program-return.live{border:2px solid var(--live);background:#000;overflow:hidden}.output-control{align-items:center;gap:6px;display:flex}.onair-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;gap:8px;display:grid}.media-list li button{padding:4px 8px;font-size:12px}.regie-devices{gap:6px;display:flex}.regie-devices select{max-width:190px;padding:5px 8px;font-size:12px}.talkback-meter{width:80px}.guest-devices{background:var(--bg);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.guest-devices select{width:100%;padding:4px 6px;font-size:12px}.audio-panel{flex-direction:column;gap:8px;display:flex}.strips{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.strip{background:var(--panel-2);border-top:3px solid var(--border);border-radius:6px;flex-direction:column;flex:0 0 96px;align-items:center;gap:4px;padding:8px 6px;display:flex}.strip.on{border-top-color:var(--live)}.strip.media{border-top-color:var(--accent);margin-left:8px}.strip.master{border-top-color:var(--ok);background:#16241c}.strip.off .fader input{opacity:.55}.strip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.strip-detail{font-size:11px}.strip-body{align-items:stretch;gap:6px;height:180px;display:flex}.meter.vertical{align-items:flex-end;width:8px;height:100%;display:flex}.meter.vertical .meter-bar{width:100%;height:0;transition:height 60ms linear}.fader{flex-direction:column;align-items:center;gap:4px;height:100%;display:flex}.fader input[type=range]{writing-mode:vertical-lr;width:28px;accent-color:var(--accent);direction:rtl;background:0 0;border:none;flex:1;margin:0;padding:0}.fader-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.strip-toggle{text-align:center;width:100%;padding:4px 2px;font-size:11px}.mv-regie-controls{gap:4px;display:flex}.mv-regie-controls button,.mv-regie-controls select{flex:1;min-width:0;padding:3px 6px;font-size:11px}.presenter-panel{border-radius:var(--radius);background:var(--panel);border:1px solid var(--accent);flex-direction:column;gap:8px;padding:12px;display:flex}.presenter{grid-template-columns:minmax(0,3fr) minmax(160px,1fr);align-items:start;gap:12px;display:grid}.presenter.empty{padding:12px;display:block}.presenter-current{aspect-ratio:16/9;background:#000;border-radius:6px;position:relative;overflow:hidden}.presenter-current img,.presenter-next img{object-fit:contain;width:100%;height:100%;display:block}.presenter-onair{position:absolute;top:8px;left:8px}.presenter-side{flex-direction:column;gap:10px;display:flex}.presenter-next{flex-direction:column;gap:4px;display:flex}.presenter-next img,.presenter-end{aspect-ratio:16/9;background:#000;border-radius:4px}.presenter-end{justify-content:center;align-items:center;display:flex}.presenter-count{text-align:center;font-size:22px}.presenter-nav{grid-template-columns:1fr 2fr;gap:6px;display:grid}.presenter-nav button{padding:10px 0;font-size:22px}.presenter-clock{justify-content:center;align-items:center;gap:6px;display:flex}.presenter-timer{font-variant-numeric:tabular-nums;font-size:24px}@media (width<=800px){.presenter{grid-template-columns:1fr}}.presentations-panel{flex-direction:column;gap:10px;display:flex}.slide-strip{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.slide-thumb{aspect-ratio:16/9;background:#000;border:2px solid #0000;flex:0 0 120px;padding:0;position:relative;overflow:hidden}.slide-thumb.current{border-color:var(--live)}.slide-thumb img{object-fit:contain;width:100%;height:100%}.slide-thumb span{background:#000000b3;border-radius:3px;padding:0 4px;font-size:11px;position:absolute;bottom:2px;left:4px}.regie-nav{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:10px 20px;display:flex}.regie-nav-brand{color:var(--text);font-weight:700;text-decoration:none}.regie-nav nav{flex:1;gap:4px;display:flex}.regie-nav nav a{color:var(--muted);border-radius:6px;padding:6px 10px;text-decoration:none}.regie-nav nav a.active{color:var(--text);background:var(--panel-2)}.regie-nav-user{align-items:center;gap:8px;display:flex}.page.wide{max-width:1100px}.login input,.login button{width:300px}.account-form{grid-template-columns:1fr 1.4fr 180px auto;gap:8px;display:grid}table.accounts{border-collapse:collapse;width:100%}table.accounts th,table.accounts td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}table.accounts th{color:var(--muted);font-size:12px;font-weight:600}table.accounts tr.disabled td{opacity:.55}.account-actions{white-space:nowrap;text-align:right}.password-notice code{background:var(--bg);-webkit-user-select:all;user-select:all;border-radius:4px;padding:2px 6px;font-size:15px}.password-form{flex-direction:column;gap:8px;max-width:420px;display:flex}.ok{color:var(--ok)}@media (width<=760px){.account-form{grid-template-columns:1fr}.regie-nav{flex-wrap:wrap}}.restream-panel{flex-direction:column;gap:10px;display:flex}.restream-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.restream{background:var(--panel-2);border-left:3px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.restream.live{border-left-color:var(--live)}.restream.error{border-left-color:var(--warn)}.restream-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.restream-info .muted.small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.restream-form{flex-direction:column;gap:6px;display:flex}