@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#eef2f6;background:#080b0f;font-synthesis:none;--accent:#d9ff43;--panel:#11161c;--panel2:#171d24;--line:#27303a;--muted:#8995a3;--danger:#ff4266}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#080b0f}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select{width:100%;border:1px solid #303944;background:#0d1218;color:#eef2f6;border-radius:9px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:#819725;box-shadow:0 0 0 3px #d9ff4314}input[type=color]{padding:3px;height:44px}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #202730;background:#0b0f14;z-index:10}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark,.login-logo{width:39px;height:39px;border-radius:10px;background:var(--accent);color:#080b0f;display:grid;place-items:center;font-size:21px}.brand-lockup strong{display:block;font-size:14px}.brand-lockup span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mode-switcher{display:flex;padding:4px;background:#151b22;border-radius:10px}.mode-switcher button,.program-actions button,.sidebar-tabs button{border:0;background:transparent;color:#8d98a5;border-radius:7px;padding:9px 14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.mode-switcher button.active,.program-actions button.active{background:var(--accent);color:#080b0f}.top-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button{width:38px;height:38px;border:1px solid #28313b;background:#11171d;color:#aab4bf;border-radius:9px;display:grid;place-items:center}.workspace{flex:1;min-height:0}.primary-button,.secondary-button,.danger-button{border:0;border-radius:9px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary-button{background:var(--accent);color:#080b0f}.secondary-button{background:#202832;color:#e8edf2;border:1px solid #34404c}.danger-button{background:#ff42661f;color:#ff6b86;border:1px solid rgba(255,66,102,.26)}.compact{padding:8px 11px;font-size:12px}.section-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#8e9aa7}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#eafdb2;color:#11150c;padding:12px 18px;border-radius:10px;font-weight:700;z-index:1000;box-shadow:0 14px 50px #0009}.loading-screen{height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:#dce4eb}.spinner{width:38px;height:38px;border:3px solid #2c3440;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#18210f 0,#0b0f13 35%,#07090c 75%);padding:24px}.login-card{width:min(420px,100%);padding:34px;border:1px solid #28313b;border-radius:18px;background:#0d1218f0;box-shadow:0 25px 90px #0008}.login-logo{width:50px;height:50px;font-size:25px;margin-bottom:22px}.login-card h1{font-size:25px;margin:0 0 8px}.login-card>p{color:#8995a3;font-size:13px;margin:0 0 28px}.login-card label{display:block;margin-bottom:17px}.login-card label span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#b7c0c9;margin-bottom:8px}.login-card input{height:47px}.login-button{width:100%;margin-top:8px;height:48px}.form-error{color:#ff7b93;background:#3d121d;border:1px solid #6a2031;padding:10px;border-radius:8px;font-size:12px;margin-bottom:12px}.edit-layout{display:grid;grid-template-columns:220px 1fr;height:100%;min-height:0}.edit-sidebar{background:#0d1217;border-right:1px solid #222a33;padding:24px 12px;overflow:auto}.edit-sidebar .section-eyebrow{display:block;padding:0 13px 12px}.edit-sidebar button{width:100%;border:0;background:transparent;color:#8f9aa6;text-align:left;padding:12px 13px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:3px}.edit-sidebar button.active{background:#20282f;color:#fff}.edit-sidebar button.active svg{color:var(--accent)}.edit-content{overflow:auto;padding:26px 30px 60px;background:#0a0e12}.edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.edit-header h2{font-size:24px;margin:5px 0 0}.form-card-grid{display:grid;gap:18px}.form-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-card{background:#11171d;border:1px solid #262f39;border-radius:14px;padding:20px}.form-card.wide{grid-column:1/-1}.form-card h3{font-size:15px;margin:0 0 18px}.form-card h4{font-size:13px;margin:0}.form-card p{color:#84919e;font-size:12px;margin:4px 0 0}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:11px;font-weight:750;color:#aeb8c2;margin-bottom:7px}.field small{display:block;color:#74808c;font-size:10px;line-height:1.45;margin-top:6px}.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.editable-list{display:flex;flex-direction:column;gap:8px}.player-row,.person-row{display:grid;grid-template-columns:52px 1fr 70px 38px;gap:7px}.person-row{grid-template-columns:1fr 1.5fr 38px}.number-input,.position-input{text-align:center}.danger-icon{width:38px;height:38px;border:1px solid #472333;background:#25131a;color:#ff6d88;border-radius:8px;display:grid;place-items:center}.upload-control{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center}.upload-preview{width:48px;height:48px;border-radius:9px;border:1px solid #303944;background:#0b1015;display:grid;place-items:center;overflow:hidden;color:#65717e}.upload-preview img{width:100%;height:100%;object-fit:contain}.sponsor-edit{border:1px solid #2a333d;border-radius:10px;padding:13px}.sponsor-edit>.field{margin-top:10px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0 12px}.toggle-row input{width:auto}.source-table{border:1px solid #29323c;border-radius:10px;overflow:hidden}.source-row{display:grid;grid-template-columns:1fr 1fr 70px 70px 44px;gap:8px;padding:9px;align-items:center;border-top:1px solid #222a33}.source-row.header{border:0;background:#181f26;color:#8995a2;font-size:10px;font-weight:800;text-transform:uppercase}.source-row input[type=checkbox]{width:auto;justify-self:center}.graphic-preview{height:300px;margin-top:18px;border-radius:11px;background:linear-gradient(150deg,#17392a,#0f2019);position:relative;overflow:hidden}.preview-score{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:10px;background:var(--panel);padding:10px 13px;border-radius:6px;font-size:11px}.preview-score strong{font-size:18px}.preview-score b{color:var(--accent)}.preview-lower{position:absolute;left:18px;bottom:24px;width:270px;border-left:7px solid var(--accent);background:#0b0f13e8;padding:12px 16px}.preview-lower strong,.preview-lower span{display:block}.preview-lower span{font-size:10px;color:#a6b0ba;margin-top:4px}.production-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;background:#070a0d}.program-column{min-width:0;display:flex;flex-direction:column;padding:10px;gap:8px;overflow:hidden}.program-header{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.program-header>div:first-child{display:flex;align-items:center;gap:8px;font-size:10px;color:#8f9aa5}.program-header strong{color:#fff;font-size:11px}.live-dot{width:8px;height:8px;border-radius:50%;background:#59636d}.live-dot.live{background:#ff385c;box-shadow:0 0 0 4px #ff385c26}.live-dot.connecting{background:#f7c948}.live-dot.error{background:#ff385c}.program-actions{display:flex;background:#151b21;border-radius:8px;padding:3px}.program-actions button{padding:7px 9px}.program-monitor{position:relative;flex:1;min-height:280px;background:#020304;border:1px solid #242c34;border-radius:9px;overflow:hidden;display:grid;place-items:center}.program-monitor canvas{display:block;width:100%;height:100%;object-fit:contain;background:#05070a}.hidden-media{display:none}.output-error{position:absolute;left:16px;bottom:16px;max-width:60%;padding:9px 12px;border-radius:7px;background:#501a25;color:#ffb1bf;font-size:11px}.replay-transport{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#090d12e8;border:1px solid #34404a;padding:8px;border-radius:10px;font-size:11px}.replay-transport button{border:0;background:#252e37;color:#fff;border-radius:7px;padding:8px;display:flex;align-items:center;gap:5px}.replay-transport span{min-width:180px;font-weight:700}.switcher-strip{height:48px;display:grid;grid-template-columns:1fr 90px 115px 1fr;gap:8px;align-items:stretch}.bus-info{border:1px solid #2d3741;border-left:4px solid #21bff3;background:#11171d;border-radius:7px;padding:6px 10px}.bus-info.program{border-left-color:#ff395d}.bus-info span,.bus-info strong{display:block}.bus-info span{font-size:8px;color:#8995a1;font-weight:900}.bus-info strong{font-size:11px;margin-top:3px}.switcher-strip select{padding:7px}.take-button{border:0;background:var(--accent);color:#0a0d0f;border-radius:8px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}.control-deck{height:112px;background:#11171d;border:1px solid #252e37;border-radius:10px;padding:8px;display:flex;align-items:stretch;gap:7px}.deck-block{position:relative;background:#171e25;border:1px solid #2b3540;border-radius:8px;padding:8px;min-width:88px}.deck-label{font-size:8px;color:#8f9aa5;font-weight:900;display:flex;align-items:center;gap:5px}.live-control{width:125px}.go-live{width:100%;height:56px;border:1px solid #5d2030;background:#2d111a;color:#ff5c78;border-radius:8px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px}.go-live.active{background:#ff3157;color:#fff}.live-control small{display:block;text-align:center;font-size:7px;color:#77838e;margin-top:5px}.clock-control{min-width:155px;text-align:center}.clock-control>strong{display:block;font-size:25px;margin:6px 0}.mini-controls{display:flex;justify-content:center;gap:3px}.mini-controls button{border:0;background:#252e37;color:#dce4ea;border-radius:5px;min-width:25px;height:23px;font-size:9px;display:grid;place-items:center}.team-score{width:100px}.score-buttons{display:grid;grid-template-columns:25px 1fr 25px;align-items:center;margin-top:8px}.score-buttons button{width:25px;height:25px;border:0;background:#27313b;color:#fff;border-radius:5px;display:grid;place-items:center}.score-buttons strong{text-align:center;font-size:28px}.team-color{width:7px;height:7px;border-radius:2px}.score-separator{align-self:center;font-size:24px;color:#6d7883}.period-control{text-align:center}.period-control>strong{display:block;font-size:27px;margin:8px}.audio-control{min-width:115px}.audio-control>button{width:100%;border:0;background:transparent;color:#e7edf2;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:750}.inline-meters{height:42px;display:flex;justify-content:center;gap:6px;margin-top:8px}.level{height:100%;width:7px;background:#252d35;border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.level span{display:block;width:100%;background:linear-gradient(to top,#75e65c 65%,#f5d849 82%,#ff526f)}.tag-button{margin-left:auto;width:105px;border:0;border-radius:8px;background:var(--accent);color:#080b0e;font-weight:900;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.tag-button svg{font-size:22px}.audio-panel{position:absolute;right:0;bottom:104px;width:310px;padding:15px;background:#111820;border:1px solid #35404b;border-radius:12px;box-shadow:0 20px 60px #000b;z-index:50}.audio-panel-header{display:flex;justify-content:space-between;margin-bottom:14px}.audio-panel-header span{font-size:9px;color:var(--accent);font-weight:900}.audio-panel label{display:block;font-size:10px;color:#98a4af;margin:12px 0}.audio-panel label b{float:right;color:#dce3e9}.mixer-row{display:grid;grid-template-columns:34px 1fr 8px;gap:8px;height:38px;align-items:center}.mixer-row button{height:34px;border:0;border-radius:6px;background:#252e37;color:#fff}.mixer-row .level{height:34px}.audio-panel select{margin-bottom:9px}.audio-panel .secondary-button{width:100%}.production-sidebar{min-width:0;border-left:1px solid #252d35;background:#0d1217;display:flex;flex-direction:column;overflow:hidden}.sidebar-tabs{height:49px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;border-bottom:1px solid #242c35}.sidebar-tabs button{min-width:0;justify-content:center;padding:8px 3px;border-radius:6px;font-size:9px;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-tabs button.active{background:#222a32;color:var(--accent)}.sidebar-content{flex:1;min-height:0;overflow:auto;padding:8px}.source-grid{display:grid;grid-template-columns:1fr;gap:8px}.source-card{display:block;padding:0;border:1px solid #28323b;background:#11171d;color:#fff;border-radius:9px;overflow:hidden;text-align:left}.source-card.selected{border-color:#20b8e8;box-shadow:0 0 0 2px #20b8e828}.source-card.program{border-color:#ff3b5e;box-shadow:0 0 0 2px #ff3b5e21}.source-video-wrap{height:135px;background:#030405;position:relative}.source-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.source-meta{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.source-meta strong{font-size:11px}.source-meta span{font-size:8px;color:#7e8b97}.source-status{position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:6px;background:#182027;color:#8d98a3;display:grid;place-items:center;font-size:11px}.source-status.live{background:#193824;color:#5bea83}.source-status.error{background:#441925;color:#ff6e89}.source-status.connecting svg{animation:spin 1s linear infinite}.program-badge,.preview-badge{position:absolute;left:7px;top:7px;background:#f63759;color:#fff;padding:4px 6px;border-radius:4px;font-size:7px;font-weight:900}.preview-badge{background:#12aee0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 5px 13px}.panel-heading h3{font-size:14px;margin:3px 0}.panel-heading>span{font-size:9px;color:#85919d}.empty-state{border:1px dashed #303944;border-radius:10px;padding:32px 15px;text-align:center;color:#7d8995}.empty-state svg{font-size:28px}.empty-state strong,.empty-state span{display:block}.empty-state strong{color:#cbd3da;font-size:12px;margin:10px 0 5px}.empty-state span{font-size:9px}.event-card{border:1px solid #29323b;background:#12181e;border-radius:9px;padding:10px;margin-bottom:8px}.event-title{display:flex;gap:8px;align-items:center}.event-title>div strong,.event-title>div span{display:block}.event-title>div span{font-size:8px;color:#86929d;margin-top:3px}.event-type{min-width:46px;text-align:center;text-transform:uppercase;font-size:7px;font-weight:900;padding:6px;border-radius:5px;background:#2d3540;color:#dfe5ea}.event-type.goal{background:#314313;color:#cfff48}.event-type.card{background:#483d13;color:#ffdc4a}.event-type.substitution{background:#143c49;color:#53dbff}.angle-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.angle-list button{border:1px solid #37424c;background:#222b33;color:#e8edf1;border-radius:6px;padding:6px 8px;font-size:8px;display:flex;align-items:center;gap:5px}.processing{font-size:8px;color:#7f8b96;display:flex;align-items:center;gap:5px}.overlay-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #29323b;background:#12181e;border-radius:9px;padding:10px;margin-bottom:7px}.overlay-item>div{display:flex;align-items:center;gap:9px}.overlay-icon{width:30px;height:30px;border-radius:7px;background:#242d35;color:#82909b;display:grid;place-items:center}.overlay-icon.on{background:#29380f;color:var(--accent)}.overlay-item strong,.overlay-item small{display:block}.overlay-item strong{font-size:10px}.overlay-item small{font-size:7px;color:#7f8b97;margin-top:3px}.overlay-item button{border:1px solid #38434e;background:#202831;color:#aeb8c2;border-radius:6px;padding:7px 8px;font-size:7px;font-weight:900}.overlay-item button.on-air{background:var(--accent);border-color:var(--accent);color:#0a0d0f}.lower-third-editor{margin-top:12px;border-top:1px solid #28313a;padding-top:13px}.lower-third-editor>strong{display:block;font-size:10px;margin-bottom:8px}.lower-third-editor input{margin-bottom:7px;padding:9px;font-size:10px}.lower-third-editor button{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:200;padding:18px}.tag-modal{position:relative;width:min(550px,100%);background:#11171d;border:1px solid #35404a;border-radius:16px;padding:26px;box-shadow:0 30px 100px #000}.tag-modal h2{font-size:22px;margin:5px 0 7px}.tag-modal>p{color:#8995a1;font-size:11px;line-height:1.55;margin:0 0 18px}.modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:0;border-radius:8px;background:#252e37;color:#fff;display:grid;place-items:center}.tag-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px}.tag-types button{border:1px solid #303a45;background:#1a2128;color:#aab5bf;border-radius:8px;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800}.tag-types button.active{background:var(--accent);border-color:var(--accent);color:#080b0e}.tag-confirm{width:100%;height:50px;border:0;border-radius:9px;background:#ff365b;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}@media(max-width:1200px){.production-layout{grid-template-columns:minmax(0,1fr) 280px}.control-deck{overflow-x:auto}.deck-block{flex:0 0 auto}.tag-button{flex:0 0 95px}.form-card-grid.two{grid-template-columns:1fr}.field-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.topbar{grid-template-columns:1fr auto}.brand-lockup span{display:none}.mode-switcher{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:300;box-shadow:0 12px 40px #000}.top-actions{grid-column:2}.production-layout{display:flex;flex-direction:column;overflow:auto}.program-column{min-height:700px;overflow:visible}.production-sidebar{min-height:440px;border-left:0;border-top:1px solid #252d35}.source-grid{grid-template-columns:repeat(2,1fr)}.edit-layout{grid-template-columns:1fr}.edit-sidebar{display:flex;gap:5px;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #222a33}.edit-sidebar .section-eyebrow{display:none}.edit-sidebar button{white-space:nowrap;width:auto;margin:0}.edit-content{padding:18px 14px 90px}.field-grid.three,.field-grid.two{grid-template-columns:1fr}.topbar{height:58px}.app-shell{height:auto;min-height:100vh}.workspace{min-height:calc(100vh - 58px)}.control-deck{height:118px}.switcher-strip{grid-template-columns:1fr 75px 95px 1fr}.program-monitor{min-height:380px}}@media(max-width:560px){.brand-lockup strong{font-size:11px}.source-grid{grid-template-columns:1fr}.program-column{padding:5px}.program-header{height:34px}.program-actions button{font-size:9px;padding:6px}.program-monitor{min-height:260px}.switcher-strip{grid-template-columns:1fr 85px 1fr}.switcher-strip select{display:none}.control-deck{height:122px}.production-sidebar{min-height:500px}.edit-header{align-items:flex-start}.edit-header .primary-button{font-size:0;padding:10px}.edit-header .primary-button svg{font-size:17px}.player-row{grid-template-columns:45px 1fr 55px 36px}.source-row.header{display:none}.source-row{grid-template-columns:1fr}.source-row input[type=checkbox]{justify-self:start}.upload-control{grid-template-columns:48px 1fr}.upload-control .secondary-button{grid-column:1/-1}.tag-types{grid-template-columns:repeat(2,1fr)}}.production-layout{height:100%;min-height:0;overflow:hidden}.program-column{height:100%;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr) 48px 112px;align-content:stretch;overflow:hidden}.program-monitor{min-height:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;contain:layout paint;background:#020304}.program-monitor canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;touch-action:manipulation}.hidden-media{position:absolute!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;display:block!important}.quad-help{position:absolute;left:50%;top:14px;transform:translate(-50%);padding:7px 12px;border-radius:999px;background:#04080cc7;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:800;color:#d9e1e8;pointer-events:none}.control-deck{min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.control-deck>*{flex:0 0 auto}.ducking-toggle{display:flex!important;align-items:center;gap:8px;line-height:1.4}.ducking-toggle input{width:auto}.source-card{display:block;padding:0;overflow:hidden;text-align:left}.source-select-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.source-name-button{min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;text-align:left}.source-take-button{flex:0 0 auto;border:1px solid #3a4651;background:#202a33;color:#e8eef3;border-radius:6px;padding:6px 7px;font-size:7px;font-weight:900;display:flex;align-items:center;gap:4px}.source-take-button:hover,.source-take-button:focus-visible{background:var(--accent);border-color:var(--accent);color:#080b0f}.source-meta{gap:8px}.source-editor-list{display:grid;gap:12px}.source-editor-card{border:1px solid #29333d;border-radius:12px;background:#0d1319;padding:15px}.source-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.source-editor-head>div{display:flex;align-items:center;gap:12px}.source-editor-head .toggle-row{margin:0}.derived-source-grid{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(260px,1.4fr) minmax(180px,1fr);gap:8px;margin-top:4px}.derived-source-grid>div{min-width:0;padding:10px 11px;border:1px solid #26313b;border-radius:8px;background:#111820}.derived-source-grid span,.derived-source-grid strong,.derived-source-grid a{display:block}.derived-source-grid span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#75818d;margin-bottom:5px}.derived-source-grid strong,.derived-source-grid a{font-size:9px;color:#cbd5dd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.derived-source-grid a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:5px}.animation-note{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #344115;background:#18200e;border-radius:9px;color:#d9e8ae;font-size:10px;line-height:1.5}@media(max-width:1200px){.program-column{grid-template-rows:38px minmax(340px,1fr) 48px 112px}.derived-source-grid{grid-template-columns:1fr}}@media(max-width:850px){.production-layout{overflow:auto}.program-column{height:auto;min-height:720px;display:grid;grid-template-rows:38px minmax(360px,56vh) 48px 118px;overflow:visible}.program-monitor{min-height:0!important}.source-editor-head{align-items:flex-start}.source-editor-head>div{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:560px){.program-column{min-height:650px;grid-template-rows:34px minmax(260px,45vh) 48px 122px}.derived-source-grid{grid-template-columns:1fr}.source-editor-head{display:block}.source-editor-head>div{justify-content:flex-start;margin-top:10px}.quad-help{font-size:8px;white-space:nowrap}}:root{--accent:#d7ff45;--preview:#26bfff;--program:#ff315b;--surface-0:#070b0f;--surface-1:#0c1218;--surface-2:#121a22;--surface-3:#1a242e;--line:#293541;--muted:#8b99a7}.mode-panel{height:100%;min-height:0}.mode-panel.mode-active{position:relative;width:100%;height:100%;visibility:visible}.mode-panel.mode-inactive{position:fixed;left:-220vw;top:68px;width:100vw;height:calc(100vh - 68px);visibility:hidden;pointer-events:none;overflow:hidden}.topbar{background:#090e13;border-bottom-color:#1e2933;box-shadow:0 5px 22px #0004}.brand-mark{background:var(--accent);box-shadow:0 0 24px #d7ff4524}.mode-switcher{background:#121a22;border:1px solid #202c36}.mode-switcher button.active{background:var(--accent);box-shadow:0 5px 20px #d7ff4521}.production-layout{grid-template-columns:minmax(0,1fr) 360px;background:#070b0f}.program-column{padding:9px 10px 10px;gap:8px;grid-template-rows:38px minmax(0,1fr) 50px 116px}.program-header{padding:0 6px}.program-title{display:flex;align-items:center;gap:8px;color:#7f8d9a;font-size:10px}.program-title strong{font-size:10px;letter-spacing:.14em}.program-title>span:last-child{padding-left:6px;border-left:1px solid #2b3741;color:#c7d0d8}.program-actions{background:#111820;border:1px solid #202b35}.program-actions button.active{background:var(--accent)}.program-monitor{border-color:#293642;border-radius:10px;background:#030507;box-shadow:inset 0 0 0 1px #000,0 10px 40px #0005;contain:layout paint}.program-monitor canvas{background:#030507;image-rendering:auto}.monitor-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#101820e8;border:1px solid #3a4753;border-radius:10px;padding:13px 18px;font-size:12px;font-weight:800;color:#e9eef2}.monitor-message svg{animation:spin 1s linear infinite;color:var(--accent)}.quad-help{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:7px;background:#070b0fcb;border:1px solid #303d49;color:#9ca9b5;font-size:9px;font-weight:750}.switcher-strip{grid-template-columns:minmax(150px,1fr) 110px 130px minmax(150px,1fr);height:50px}.bus-info{background:#101820;border-color:#2b3945;border-left-width:4px;padding:7px 12px}.bus-info.preview{border-left-color:var(--preview)}.bus-info.program{border-left-color:var(--program)}.bus-info span{letter-spacing:.12em}.bus-info strong{font-size:12px}.take-button{font-size:13px;letter-spacing:.04em;box-shadow:0 6px 22px #d7ff4521}.control-deck{height:116px;background:#0d141b;border-color:#26323c;padding:7px;gap:6px}.deck-block{background:#151e27;border-color:#2b3945}.live-control{min-width:116px}.go-live{min-height:54px}.clock-control{min-width:190px}.clock-control>strong{font-variant-numeric:tabular-nums}.team-score{min-width:112px}.audio-control{min-width:126px}.tag-button{width:116px;background:var(--accent);box-shadow:0 8px 24px #d7ff451f}.production-sidebar{background:#0b1117;border-left-color:#25313b}.sidebar-tabs{height:51px;background:#0d141a;border-bottom-color:#25313b}.sidebar-tabs button.active{background:#1a242d;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.sidebar-content{position:relative;overflow:hidden;padding:0}.sidebar-pane{position:absolute;top:0;right:0;bottom:0;left:0;padding:9px;overflow:auto;transition:opacity .16s ease}.sidebar-pane.active{visibility:visible;opacity:1;pointer-events:auto;z-index:2}.sidebar-pane.inactive{visibility:hidden;opacity:0;pointer-events:none;z-index:1}.quad-assignments{border:1px solid #293642;background:#111820;border-radius:10px;padding:10px;margin-bottom:9px}.quad-assignments>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quad-assignments>div:first-child strong{font-size:11px}.quad-slot-selects{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quad-slot-selects label{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:4px}.quad-slot-selects label>span{font-size:9px;font-weight:900;color:var(--accent)}.quad-slot-selects select{padding:7px 8px;font-size:9px;border-radius:6px}.source-grid{gap:9px}.source-card{border-color:#2a3742;background:#111920;border-radius:10px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.source-card:hover{transform:translateY(-1px);border-color:#40505d}.source-card.selected{border-color:var(--preview);box-shadow:0 0 0 2px #26bfff2e}.source-card.program{border-color:var(--program);box-shadow:0 0 0 2px #ff315b2b}.source-select-button{display:block;width:100%;border:0;background:transparent;padding:0}.source-video-wrap{height:150px;background:#040608;overflow:hidden}.source-video-wrap video{transform:translateZ(0);backface-visibility:hidden}.source-meta{padding:8px 9px;gap:6px}.source-name-button{min-width:0;flex:1;border:0;background:transparent;color:#fff;text-align:left;padding:0}.source-name-button strong,.source-name-button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-name-button strong{font-size:11px}.source-name-button span{font-size:8px;color:#758391;margin-top:3px}.source-card-actions{display:flex;align-items:center;gap:5px}.source-take-button,.source-quad-button{border:1px solid #3a4752;background:#202b34;color:#edf2f5;border-radius:6px;padding:6px 7px;font-size:8px;font-weight:900;display:flex;align-items:center;gap:4px}.source-take-button{border-color:#d7ff4573;color:var(--accent)}.source-quad-button{color:#aab7c2}.quad-slot-badge{position:absolute;right:7px;bottom:7px;background:#10161de8;color:var(--accent);border:1px solid rgba(215,255,69,.45);border-radius:5px;padding:4px 6px;font-size:8px;font-weight:950}.source-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#06090c6b,#06090cc7);pointer-events:none}.source-waiting span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#71808e}.source-status.offline{background:#3e2417;color:#ffae65}.source-status.offline svg,.source-status.connecting svg{animation:spin 1.2s linear infinite}.program-badge,.preview-badge{letter-spacing:.08em;padding:5px 7px}.program-badge{background:var(--program)}.preview-badge{background:var(--preview);color:#071015}.replay-transport{left:18px;right:18px;bottom:17px;transform:none;display:grid;grid-template-columns:1fr;gap:7px;background:#070c11f2;border-color:#3a4651;padding:10px 12px;border-radius:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.replay-transport-main{display:flex;align-items:center;gap:7px;min-width:0}.replay-transport button{border:1px solid #34414c;background:#1d2730;padding:7px 9px}.replay-transport button:hover{border-color:#53616d}.replay-transport .replay-play{background:var(--accent);color:#091014;border-color:var(--accent)}.replay-transport-main strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.replay-transport-main>span:last-child{font-variant-numeric:tabular-nums;color:#9eabb6;font-size:9px}.replay-live-pill{background:var(--program);color:#fff;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:950;letter-spacing:.1em}.replay-scrubber{height:5px;padding:0;border:0;box-shadow:none;accent-color:var(--accent);background:transparent}.replay-speed-buttons{display:flex;align-items:center;gap:5px}.replay-speed-buttons button{font-size:8px;font-weight:900;padding:6px 8px}.replay-speed-buttons button.active{background:var(--accent);color:#091014;border-color:var(--accent)}.replay-speed-buttons .back-live{margin-left:auto;background:var(--program);border-color:var(--program);color:#fff}.audio-panel{right:-4px;bottom:111px;width:390px;max-height:min(690px,calc(100vh - 210px));overflow:auto;padding:16px;background:#101820;border-color:#3b4854;border-radius:13px}.audio-panel-header{align-items:flex-start}.audio-panel-header>div strong,.audio-panel-header>div small{display:block}.audio-panel-header>div small{font-size:8px;color:#7f8c98;margin-top:3px}.audio-panel-header span{padding:5px 7px;border-radius:5px;background:#252e37;color:#8d99a4}.audio-panel-header span.active{background:#26370e;color:var(--accent)}.audio-warning{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #704052;background:#321923;color:#ff9daf;border-radius:8px;font-size:9px;line-height:1.4;margin-bottom:9px}.mixer-channel{padding:9px 0;margin:0!important;border-bottom:1px solid #27333d}.mixer-channel>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px}.mixer-channel>div:first-child span{font-weight:800;color:#cfd7de}.mixer-channel>div:first-child b{float:none}.mixer-row{grid-template-columns:36px 1fr 9px}.mixer-row input{padding:0;accent-color:var(--preview)}.audio-source-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #27333d}.audio-source-row label{margin:0!important}.audio-source-row label span{display:block;font-size:8px;color:#8794a0;margin-bottom:5px}.audio-source-row select{margin:0;padding:8px;font-size:9px}.mic-device-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:10px}.mic-device-row select{margin:0}.mic-device-row button{border:1px solid #3b4854;background:#202b34;color:#fff;border-radius:7px;padding:0 10px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:5px}.audio-button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.audio-button-row .secondary-button{font-size:9px;padding:9px}.audio-button-row .secondary-button.active{border-color:var(--accent);color:var(--accent)}.audio-processing{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-top:10px}.audio-processing label{display:flex!important;align-items:center;gap:6px;margin:0!important;font-size:8px}.audio-processing input,.ducking-toggle input{width:auto}.ducking-toggle{display:flex!important;gap:7px;align-items:flex-start;line-height:1.35}.ducking-slider input{padding:0}.level.horizontal{height:7px;width:100%;align-items:stretch}.level.horizontal span{height:100%}.capture-status-list{border:1px solid #35434e;background:#111a21;border-radius:9px;padding:7px;margin-bottom:8px}.capture-status-list>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:5px;color:#9da9b4;font-size:8px}.capture-status-list svg{animation:spin 1s linear infinite;color:var(--accent)}.capture-status-list b{text-transform:uppercase;color:#d6dee4}.event-card{background:#111920;border-color:#293743;padding:11px}.event-title>div strong{font-size:11px}.event-type{min-width:58px}.event-type.save,.event-type.highlight{background:#243642;color:#71dfff}.angle-list{display:block}.replay-angle{display:grid;grid-template-columns:1fr 30px;gap:5px;margin-top:6px}.replay-angle>button:first-child{width:100%;display:flex;align-items:center;text-align:left;padding:8px;background:#1b252e}.replay-angle>button:first-child>span{min-width:0}.replay-angle>button:first-child strong,.replay-angle>button:first-child small{display:block}.replay-angle>button:first-child strong{font-size:9px}.replay-angle>button:first-child small{font-size:7px;color:#84919d;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-angle.processing>button:first-child svg{animation:spin 1s linear infinite;color:var(--accent)}.replay-angle.error>button:first-child{border-color:#603342;color:#ff9eb0}.replay-delete{width:30px!important;padding:0!important;display:grid!important;place-items:center!important;color:#ff7891!important;border-color:#4b2c37!important;background:#26171d!important}.overlay-item{background:#111920;border-color:#293743}.overlay-item button{min-width:68px}.lower-third-editor,.event-graphic-editor{border:1px solid #293743;background:#111920;border-radius:9px;padding:11px;margin-top:9px}.lower-third-editor{border-top:1px solid #293743}.event-graphic-editor>strong{display:block;font-size:10px;margin-bottom:8px}.event-graphic-editor select{font-size:9px;margin-bottom:7px}.event-graphic-editor button{width:100%}.tag-modal{width:min(720px,calc(100vw - 28px));max-height:90vh;overflow:auto}.tag-options{display:flex;gap:18px;margin:14px 0}.tag-options label{display:flex;align-items:center;gap:7px;font-size:10px;color:#aab6c0}.tag-options input{width:auto}.field>span svg{vertical-align:middle}.form-card-grid.two .form-card:nth-last-child(2):has(>h3:first-child){min-width:0}.animation-note{line-height:1.5}@media(max-width:1250px){.production-layout{grid-template-columns:minmax(0,1fr) 310px}.source-video-wrap{height:132px}.audio-panel{width:360px}.control-deck{overflow-x:auto}.program-column{grid-template-rows:38px minmax(0,1fr) 50px 116px}}@media(max-width:900px){.mode-panel.mode-inactive{top:58px;height:calc(100vh - 58px)}.production-layout{display:flex;flex-direction:column;overflow:auto}.program-column{height:auto;min-height:760px;grid-template-rows:38px minmax(380px,55vh) 50px 118px}.production-sidebar{min-height:620px;border-left:0;border-top:1px solid #25313b}.sidebar-content{min-height:560px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-panel{position:fixed;right:12px;left:12px;bottom:82px;width:auto;max-height:70vh}.replay-transport{left:8px;right:8px}.quad-slot-selects{grid-template-columns:repeat(4,1fr)}.quad-slot-selects label{grid-template-columns:1fr}.quad-slot-selects label>span{text-align:center}}@media(max-width:600px){.source-grid{grid-template-columns:1fr}.program-column{min-height:690px;grid-template-rows:34px minmax(280px,45vh) 50px 124px}.switcher-strip{grid-template-columns:1fr 96px 1fr}.switcher-strip select,.replay-transport-main strong{display:none}.replay-speed-buttons{overflow-x:auto}.replay-speed-buttons .back-live{white-space:nowrap}.quad-slot-selects{grid-template-columns:1fr 1fr}.audio-source-row,.audio-button-row,.audio-processing{grid-template-columns:1fr}.tag-options{flex-direction:column;gap:8px}}.player-row{grid-template-columns:52px minmax(120px,1fr) 70px 38px 38px}.player-photo-control{position:relative;width:38px;height:38px;border:1px solid #35424d;background:#18212a;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:#9aa7b2;cursor:pointer;margin:0!important}.player-photo-control:hover{border-color:var(--accent);color:var(--accent)}.player-photo-control img{width:100%;height:100%;object-fit:cover}.player-photo-control span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#081016c9;color:var(--accent);font-weight:900}@media(max-width:560px){.player-row{grid-template-columns:45px minmax(110px,1fr) 55px 36px 36px}}.sidebar-pane.inactive{visibility:visible;opacity:.001;pointer-events:none;z-index:1;transform:translate(10px)}.sidebar-pane.active{transform:translate(0)}.mode-panel.mode-inactive{visibility:visible;opacity:0;pointer-events:none}.replay-buffer-badge{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:5px;background:#0c1218e6;border:1px solid #4a5966;color:#91a0ad;font-size:7px;font-weight:950;letter-spacing:.06em}.replay-buffer-badge.ready{background:#24370ef0;border-color:#d7ff457a;color:var(--accent)}.replay-buffer-badge.warming{color:#f5c861}.quick-event-controls{margin-left:auto;display:grid;grid-template-columns:repeat(4,58px);gap:5px;min-width:max-content}.quick-event-controls button{min-width:0;border:1px solid #34414d;background:#19222a;color:#dfe6eb;border-radius:8px;font-size:8px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-event-controls button svg{font-size:16px}.quick-event-controls .quick-event.goal:hover{border-color:var(--accent);color:var(--accent)}.quick-event-controls .quick-event.substitution:hover{border-color:var(--preview);color:var(--preview)}.quick-event-controls .quick-event.card:hover{border-color:#ffd43b;color:#ffd43b}.quick-event-controls .tag-button{width:auto;margin:0;background:var(--accent);border-color:var(--accent);color:#080b0e}.quick-event-controls .tag-button svg{font-size:17px}.card-icon{display:block;width:11px;height:16px;border-radius:2px;background:#ffd43b;box-shadow:0 0 0 1px #ffffff40}@media(max-width:1250px){.quick-event-controls{grid-template-columns:repeat(4,54px)}}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:30px;background:#070b0f;color:#edf3f6}.fatal-error section{width:min(620px,100%);border:1px solid #35434e;border-top:4px solid var(--program,#ff315b);border-radius:14px;background:#111920;padding:30px;box-shadow:0 30px 90px #0009}.fatal-error span{font-size:10px;font-weight:950;letter-spacing:.15em;color:var(--accent,#d7ff45)}.fatal-error h1{font-size:25px;margin:12px 0}.fatal-error p{color:#9eabb6;line-height:1.6}.fatal-error pre{white-space:pre-wrap;background:#080d12;border:1px solid #2c3944;border-radius:8px;padding:12px;color:#ff9eb0}.fatal-error button{border:0;border-radius:8px;background:var(--accent,#d7ff45);color:#081014;font-weight:950;padding:12px 18px}.source-status.degraded{background:#4a3b16;color:#ffd65b}.source-status.reconnecting{background:#382817;color:#ffb86b}.source-status.reconnecting svg,.source-status.degraded svg{animation:spin 1.2s linear infinite}.replay-buffer-badge.error{background:#4a1723!important;color:#ff8ca2!important;border-color:#8b3045!important}.mic-permission-status{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;padding:8px 10px;margin:0 0 8px;border:1px solid #2d3a45;background:#0c1319;border-radius:8px;font-size:8px;color:#8f9ca8}.mic-permission-status span:last-child{grid-column:1/-1}.mic-permission-status b{text-transform:uppercase;padding:3px 6px;border-radius:4px;background:#252f38;color:#aeb8c1}.mic-permission-status b.granted{background:#1d3b27;color:#75ef95}.mic-permission-status b.denied{background:#4a1723;color:#ff8ca2}.mic-permission-status b.prompt{background:#4a3b16;color:#ffd65b}.replay-health-grid{display:grid;gap:6px;margin:0 0 10px}.replay-health{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:8px 9px;border:1px solid #2c3944;background:#101820;border-radius:8px}.replay-health strong,.replay-health span,.replay-health small{display:block}.replay-health strong{font-size:9px}.replay-health span{font-size:7px;color:#7f8d99;margin-top:2px}.replay-health b{align-self:center;font-size:7px;letter-spacing:.08em;color:#ffd65b}.replay-health.ready{border-color:#3a5a22}.replay-health.ready b{color:var(--accent)}.replay-health.error{border-color:#6d283b}.replay-health.error b,.replay-health.error small{color:#ff8ca2}.replay-health small{grid-column:1/-1;font-size:7px;line-height:1.35}.replay-angle.capturing button{border-color:#3e4c58;color:#c9d3db}.replay-angle.error button{border-color:#6d283b;color:#ff8ca2}.audio-panel-portal{position:fixed;right:350px;bottom:126px;z-index:1000;pointer-events:auto}@media(max-width:1250px){.audio-panel-portal{right:325px}}@media(max-width:900px){.audio-panel-portal{right:12px;left:12px;bottom:82px;width:auto}}.replay-missing{line-height:1.45;color:#9aa6b1;background:#161e25;border:1px dashed #34424e;border-radius:7px;padding:8px;width:100%}.source-reconnect-pill{position:absolute;left:7px;top:7px;max-width:calc(100% - 42px);padding:4px 6px;border:1px solid rgba(255,184,107,.5);border-radius:5px;background:#271a0deb;color:#ffbf7a;font-size:6.5px;font-weight:950;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.source-quality-badge{position:absolute;right:7px;bottom:7px;padding:4px 6px;border:1px solid rgba(83,105,122,.7);border-radius:5px;background:#070c11e6;color:#b8c6d0;font-size:6.5px;font-weight:850;font-variant-numeric:tabular-nums;pointer-events:none}.source-video-wrap .replay-buffer-badge{right:auto;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-video-wrap .source-quality-badge+.replay-buffer-badge{max-width:48%}.sidebar-pane.inactive{visibility:visible!important;display:block!important;opacity:.001!important;pointer-events:none!important;content-visibility:visible!important}.program-monitor canvas{will-change:contents;transform:translateZ(0)}.mic-device-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.mic-device-row select{margin:0!important;min-width:0}.mic-device-row button{height:38px;border:1px solid rgba(215,255,69,.42);background:#1b2619;color:var(--accent);border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:900;white-space:nowrap}.mic-permission-status b.unknown{background:#2b333b;color:#b5c0c9}.replay-health span{font-variant-numeric:tabular-nums}.replay-angle.ready>button:first-child{border-color:#d7ff455c}.replay-angle.ready>button:first-child svg{color:var(--accent)}@media(max-width:760px){.mic-device-row{grid-template-columns:1fr}.mic-device-row button{justify-content:center}}.mic-active-device{color:#bfe989!important;font-weight:750}.replay-health .replay-warning{color:#ffd65b}.program-live-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#020304;overflow:hidden}.program-stage-video,.program-replay-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#020304;display:block}.program-stage-video{opacity:0;z-index:1;will-change:opacity;transform:translateZ(0)}.program-quad-cell video{width:100%;height:100%;object-fit:cover;display:block;background:#080d12}.program-quad-cell>span{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:5px;background:#071018d9;color:#fff;font-size:8px;font-weight:900}.program-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;object-fit:contain;background:transparent!important;cursor:default;will-change:contents;transform:translateZ(0)}.output-compositor-canvas{position:absolute!important;left:-10px!important;bottom:-10px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.program-replay-video{z-index:3;opacity:0;pointer-events:none;transition:opacity .12s linear}.program-replay-video.active{opacity:1}.program-monitor.replay-active .program-live-stage{opacity:0}.source-card.cold-standby .source-video-wrap video{opacity:.18}.source-status.standby{background:#202a32;color:#8796a3}.source-standby,.source-cueing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:linear-gradient(180deg,#060b102e,#060b10ad)}.source-standby span,.source-cueing span{font-size:9px;font-weight:950;letter-spacing:.12em;color:#b9c6cf}.source-standby small{font-size:7px;color:var(--accent);margin-top:4px;font-weight:850}.source-cueing span{color:#d7e0e7}.audio-quick-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;align-items:center}.audio-control .audio-settings-button{width:100%;height:32px;border:0;background:transparent;color:#e7edf2;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800}.audio-control .audio-settings-button.active{color:var(--accent)}.audio-control .quick-mic-button{width:34px;height:32px;border:1px solid #384550;border-radius:7px;background:#202932;color:#9daab4;display:grid;place-items:center}.audio-control .quick-mic-button.live{border-color:#4e7d2f;background:#20351a;color:var(--accent)}.audio-control .quick-mic-button.muted{border-color:#683147;background:#341923;color:#ff718d}.replay-clean-note{padding:8px 10px;border:1px solid #2f3c46;border-radius:8px;background:#0e161c;color:#9eb0bc;font-size:8px;line-height:1.45;margin-bottom:9px}@media(max-width:900px){.program-stage-video,.program-replay-video,.program-overlay-canvas{object-fit:contain}}.replay-transport,.monitor-message,.output-error,.quad-help{z-index:10}@media(min-width:1100px){.production-layout{grid-template-columns:minmax(0,1fr) 380px}}.program-live-stage{isolation:isolate;pointer-events:none}.program-stage-video{pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.program-stage-video[style*="opacity: 1"]{visibility:visible}.replay-library{padding-bottom:22px}.replay-library-heading{position:sticky;top:0;z-index:5;background:#0a1016;padding-bottom:10px}.replay-recorder-details{margin:0 0 12px;border:1px solid #2a3640;border-radius:10px;background:#0d151b;overflow:hidden}.replay-recorder-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:10px 11px;color:#dce5eb;font-size:10px;font-weight:900}.replay-recorder-details summary::-webkit-details-marker{display:none}.replay-recorder-details summary span{margin-left:auto;color:#8998a3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.replay-recorder-details[open] summary{border-bottom:1px solid #28343e}.replay-recorder-details .replay-health-grid{padding:8px;margin:0}.replay-card-list{display:flex;flex-direction:column;gap:11px}.replay-library-card{position:relative;border:1px solid #34434f;border-radius:12px;background:#17232d;padding:10px;box-shadow:0 8px 24px #0003;transition:border-color .16s ease,transform .16s ease,background .16s ease}.replay-library-card:hover{border-color:#536675;background:#1b2a35}.replay-library-card.favorite{border-color:#d7ff4580}.replay-library-card.error{border-color:#6d2f40}.replay-card-top{display:grid;grid-template-columns:112px minmax(0,1fr) 54px;gap:11px;min-height:86px}.replay-thumbnail{position:relative;width:112px;height:86px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#0a1015;color:#8fa0ac;display:block}.replay-thumbnail:not(:disabled){cursor:pointer}.replay-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.replay-thumbnail-placeholder{width:100%;height:100%;display:grid;place-content:center;gap:6px;text-align:center;background:linear-gradient(135deg,#1a2a34,#0b1218)}.replay-thumbnail-placeholder svg{font-size:23px;margin:auto;color:#9eb1bd}.replay-thumbnail-placeholder small{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.replay-camera-chip{position:absolute;left:5px;right:5px;bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 5px;border-radius:5px;background:#05090dcc;color:#fff;font-size:7px;font-weight:900;text-align:left}.replay-card-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.replay-card-label{display:flex;align-items:center;gap:0}.replay-card-label>b{padding:6px 7px;background:#05080b;color:#fff;font-size:14px;line-height:1;border-radius:6px 0 0 6px;font-variant-numeric:tabular-nums}.replay-card-label .event-type{height:26px;display:flex;align-items:center;border-radius:0 6px 6px 0;padding:0 8px;font-size:8px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-card-info>strong{max-width:100%;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-card-info>small{font-size:8px;color:#a4b1bb}.replay-card-info>em{font-style:normal;font-size:8px;line-height:1.3;color:#f4ca67;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.replay-card-tools{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;gap:2px}.replay-card-tools>button{width:25px;height:30px;padding:0;border:0;background:transparent;color:#dbe4ea;display:grid;place-items:center;border-radius:6px;font-size:16px}.replay-card-tools>button:hover,.replay-card-tools>button.active{background:#24323c;color:var(--accent)}.replay-card-tools>button.active svg{fill:currentColor}.replay-card-menu{position:absolute;right:0;top:32px;z-index:20;width:130px;padding:5px;background:#080e13;border:1px solid #35434e;border-radius:8px;box-shadow:0 12px 30px #000a}.replay-card-menu button{width:100%;border:0;background:transparent;color:#ff879c;padding:8px;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:850;text-align:left;border-radius:5px}.replay-card-menu button:hover{background:#311923}.replay-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;margin-top:9px;padding-left:123px}.replay-card-actions button{height:37px;border-radius:9px;font-weight:900;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px}.play-replay-button{border:1px solid #25c3a5;background:#142d2c;color:#f5ffff}.play-replay-button svg{padding:3px;border-radius:3px;background:#25c3a5;color:#07110f;font-size:18px}.play-replay-button:disabled{border-color:#33414b;background:#162028;color:#74818a}.play-replay-button:disabled svg{background:#35414a;color:#78858e}.preview-replay-button{border:1px solid #607180;background:#263440;color:#fff}.preview-replay-button:disabled{opacity:.45}.pending-event{opacity:.85}.pending-event .replay-card-top{grid-template-columns:112px minmax(0,1fr)}.replay-empty{min-height:180px}.replay-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#020509d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.replay-preview-dialog{width:min(960px,92vw);background:#0e161d;border:1px solid #3a4854;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px #000}.replay-preview-dialog>video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;object-fit:contain;background:#000}.replay-preview-header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #2b3741}.replay-preview-header>div{display:flex;flex-direction:column;gap:3px}.replay-preview-header span{color:var(--accent);font-size:8px;font-weight:950;letter-spacing:.1em}.replay-preview-header strong{font-size:15px}.replay-preview-header small{font-size:9px;color:#9aa8b2}.replay-preview-header>button{width:32px;height:32px;border:0;border-radius:8px;background:#202a32;color:#fff;display:grid;place-items:center}.replay-preview-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px}.replay-preview-actions button{height:38px;padding:0 15px;border-radius:8px;border:1px solid #394651;background:#222d36;color:#fff;font-weight:900;display:flex;align-items:center;gap:7px}.replay-preview-actions button:first-child{background:var(--accent);border-color:var(--accent);color:#080b0e}.sport-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.sport-preset-grid button{min-height:92px;padding:14px;border:1px solid #34414b;border-radius:11px;background:#121b22;color:#eaf0f4;text-align:left;display:flex;flex-direction:column;gap:7px}.sport-preset-grid button strong{font-size:13px}.sport-preset-grid button span{font-size:9px;line-height:1.4;color:#94a3ad}.sport-preset-grid button.active{border-color:var(--accent);box-shadow:0 0 0 2px #d7ff451f;background:#1a251c}.form-help{font-size:10px;line-height:1.55;color:#93a2ad}.sport-live-switcher{padding:11px;margin-bottom:10px;border:1px solid #34424d;border-radius:10px;background:#101920}.sport-live-switcher>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.sport-live-switcher>div:first-child strong{font-size:10px}.sport-live-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sport-live-buttons button{height:31px;padding:0 6px;border:1px solid #35434e;border-radius:7px;background:#1a252d;color:#aab7c0;font-size:8px;font-weight:900}.sport-live-buttons button.active{background:var(--accent);border-color:var(--accent);color:#090c0e}.baseball-live-controls{padding:11px;margin-bottom:11px;border:1px solid #34424d;border-radius:10px;background:#101920}.baseball-control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.baseball-control-head strong{font-size:10px}.baseball-control-head span{color:var(--accent);font-size:9px;font-weight:950}.baseball-control-row{display:grid;grid-template-columns:1fr .8fr 1fr;gap:5px}.baseball-control-row button,.baseball-bases button{height:30px;border:1px solid #364650;border-radius:7px;background:#1b2730;color:#dce5ea;font-size:8px;font-weight:900}.baseball-control-row button.primary{background:var(--accent);color:#080b0e;border-color:var(--accent)}.baseball-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.baseball-count-grid button{border:1px solid #364650;border-radius:8px;background:#17222a;color:#fff;padding:7px;display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left}.baseball-count-grid button span{font-size:9px;color:#aebbc4}.baseball-count-grid button strong{text-align:right;font-size:17px;color:var(--accent)}.baseball-count-grid button small{grid-column:1/-1;font-size:6px;color:#71818d;text-transform:uppercase}.baseball-bases{display:flex;align-items:center;gap:5px;margin-top:7px}.baseball-bases>span{margin-right:auto;font-size:8px;color:#a1afb9;font-weight:850}.baseball-bases button{width:38px}.baseball-bases button.active{background:var(--accent);border-color:var(--accent);color:#080b0e}.baseball-deck-control{min-width:142px;text-align:center}.baseball-deck-control>strong{display:block;font-size:17px;margin:6px 0}.baseball-deck-control .half-toggle{width:38px}.baseball-mini-counts{display:flex;justify-content:center;gap:3px;margin-top:5px}.baseball-mini-counts button{border:0;border-radius:4px;background:#27323b;color:#fff;font-size:7px;font-weight:900;height:19px;padding:0 5px}@media(max-width:760px){.replay-card-top{grid-template-columns:90px minmax(0,1fr) 48px}.replay-thumbnail{width:90px;height:76px}.replay-card-actions{padding-left:101px;grid-template-columns:1fr}.sport-preset-grid,.sport-live-buttons{grid-template-columns:1fr}.replay-preview-backdrop{padding:8px}}.event-type.hit{background:#163d34;color:#5ff0c5}.event-type.run{background:#254419;color:#cfff65}.event-type.homerun{background:#493219;color:#ffd260}.event-type.out{background:#4a1e2a;color:#ff8fa4}.program-monitor-video-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;background:#030507;object-fit:contain;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.program-monitor.replay-active .program-monitor-video-canvas{opacity:1}.program-live-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#020304;overflow:hidden;contain:layout paint;transform:translateZ(0)}.program-stage-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;background:#020304;opacity:0;z-index:1;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.program-quad-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:none;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;background:#080d12}.program-live-stage.single-active>.program-quad-stage{display:none}.program-live-stage.quad-active>.program-stage-video{display:none}.program-live-stage.quad-active>.program-quad-stage{display:grid}.program-quad-cell{position:relative;min-width:0;min-height:0;background:#080d12;border:2px solid #26323d;overflow:hidden}.program-quad-cell.program{border-color:var(--program)}.program-quad-cell video{width:100%;height:100%;display:block;object-fit:cover;background:#080d12;transform:translateZ(0)}.program-quad-cell>span{position:absolute;left:8px;top:8px;z-index:2;padding:4px 7px;border-radius:5px;background:#071018d9;color:#fff;font-size:8px;font-weight:900}.program-monitor.replay-active .program-live-stage{opacity:0;pointer-events:none}.program-monitor:not(.replay-active) .program-live-stage{opacity:1}.program-overlay-canvas{z-index:4}.program-replay-video{z-index:3}.source-list-header{align-items:flex-start}.source-add-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.local-device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;margin:12px 0;border:1px solid #34434e;border-radius:10px;background:#0f171d}.local-device-toolbar>div{display:flex;flex-direction:column;gap:3px}.local-device-toolbar strong{font-size:11px}.local-device-toolbar span{font-size:8px;color:#91a0aa}.local-source-editor{border-color:#365948!important;box-shadow:inset 3px 0 #3dd6a0}.local-derived-grid strong{color:#9ef0d4}.source-add-buttons .secondary-button{border-color:#2f8066;color:#9ef0d4}.local-source-badge{position:absolute;left:6px;top:6px;z-index:3;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:#0c3b30e8;color:#65efc1;font-size:7px;font-weight:950}.source-local-connect{border:1px solid #2a8f70!important;background:#12392f!important;color:#8df1cf!important;white-space:nowrap}.local-connect-cue small{max-width:88%;line-height:1.35}.output-settings-card code{padding:2px 4px;border-radius:4px;background:#0b1116;color:#b8c7d1}.output-helper-row{display:flex;align-items:center;gap:10px;margin:-2px 0 12px}.output-helper-row span{font-size:8px;line-height:1.4;color:#8b9aa5}.derived-output-preview{display:grid;grid-template-columns:1fr;gap:7px;margin:12px 0}.derived-output-preview>div{padding:9px 10px;border:1px solid #2e3a44;border-radius:8px;background:#0b1217;display:flex;flex-direction:column;gap:4px}.derived-output-preview span{font-size:7px;color:#84929d;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.derived-output-preview strong{font-size:9px;color:#d8e3e9;overflow-wrap:anywhere}.period-control>small{display:block;min-height:12px;margin-top:-5px;margin-bottom:4px;color:var(--accent);font-size:7px;font-weight:900}.audio-quick-row{display:flex;align-items:center;justify-content:center;gap:5px}.audio-control .quick-program-monitor{width:34px;height:32px;border:1px solid #384550;border-radius:7px;background:#202932;color:#9daab4;display:grid;place-items:center}.audio-control .quick-program-monitor.live{border-color:#2c718c;background:#153242;color:#5fd6ff}.audio-control .quick-program-monitor.muted{border-color:#5e3540;background:#2b1a20;color:#ff7890}.replay-onair-graphics{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.replay-onair-bug{position:absolute;right:22px;top:22px;animation:replayBugIn .26s cubic-bezier(.2,.8,.2,1) both}.replay-onair-bug span{display:block;padding:10px 20px;border-radius:7px;background:var(--program);color:#fff;font-size:14px;font-weight:1000;letter-spacing:.13em;box-shadow:0 8px 28px #0008}.replay-onair-lower{position:absolute;left:24px;bottom:96px;min-width:min(620px,72%);max-width:80%;padding:13px 18px 14px 22px;border-radius:9px;background:#071019ee;border-left:7px solid var(--program);box-shadow:0 12px 35px #0009;display:grid;grid-template-columns:auto 1fr;column-gap:13px;row-gap:2px;animation:replayLowerIn .34s cubic-bezier(.2,.8,.2,1) both}.replay-onair-lower b{grid-row:1/3;align-self:center;padding:6px 9px;border-radius:5px;background:var(--program);color:#fff;font-size:8px;letter-spacing:.08em}.replay-onair-lower strong{font-size:14px;color:#fff}.replay-onair-lower span{font-size:8px;color:#b4c1ca}.replay-transport{z-index:8}.replay-processing-thumbnail{width:100%;height:100%;display:grid;place-content:center;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:3px 7px;padding:12px;text-align:left;background:linear-gradient(135deg,#14212a,#0b1217);box-sizing:border-box}.replay-processing-thumbnail svg{grid-row:1/3;font-size:20px;color:var(--accent);animation:replaySpin 1.1s linear infinite}.replay-processing-thumbnail strong{font-size:8px;color:#e8f0f4;letter-spacing:.07em}.replay-processing-thumbnail small{font-size:8px;color:#f1c969}.replay-processing-thumbnail i{grid-column:1/-1;height:4px;margin-top:5px;border-radius:5px;background:#26343e;overflow:hidden}.replay-processing-thumbnail i b{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.replay-processing-thumbnail.error svg{color:#ff5875;animation:none}.replay-processing-thumbnail.error i b{background:#ff5875}.ready-no-thumb strong{font-size:8px;color:var(--accent);letter-spacing:.06em}.pending-event{background:#111b22;border-style:dashed}.pending-event .replay-thumbnail-placeholder{background:#101a21}.pending-event .replay-thumbnail-placeholder svg{animation:replaySpin 1.2s linear infinite;color:var(--accent)}@keyframes replayBugIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes replayLowerIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes replaySpin{to{transform:rotate(360deg)}}@media(max-width:900px){.source-list-header,.local-device-toolbar{align-items:stretch;flex-direction:column}.source-add-buttons{justify-content:stretch}.source-add-buttons button{flex:1}.replay-onair-lower{left:12px;bottom:88px;min-width:0;max-width:88%}}.server-output-badge{display:inline-flex;align-items:center;padding:.48rem .72rem;border:1px solid #33414c;border-radius:.55rem;color:#caff2d;background:#101920;font-size:.68rem;font-weight:900;letter-spacing:.08em}.source-mode-badge{position:absolute;left:.45rem;bottom:.45rem;padding:.22rem .38rem;border-radius:.3rem;background:#071017d9;color:#aebbc5;font-size:.55rem;font-weight:900;letter-spacing:.08em}.source-local-connect.connected{border-color:#31d6ad;color:#31d6ad}.monitor-launch-card{display:flex;gap:.8rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.8rem;border:1px solid #2c3b46;border-radius:.75rem;background:#111b23}.monitor-launch-card div{display:flex;flex-direction:column;gap:.2rem}.monitor-launch-card small{color:#8394a1;line-height:1.35}.monitor-launch-card button{border:1px solid #caff2d;background:#caff2d;color:#071016;border-radius:.55rem;padding:.58rem .7rem;font-weight:900;white-space:nowrap}.commercial-panel{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.commercial-safety-note{display:flex;gap:.55rem;padding:.65rem;border:1px solid #30414d;border-radius:.65rem;background:#101a22;color:#acbcc8;font-size:.72rem;line-height:1.45}.commercial-safety-note svg{color:#caff2d;flex:0 0 auto}.commercial-upload{display:grid;grid-template-columns:1fr;gap:.45rem;padding:.65rem;border:1px solid #293944;border-radius:.65rem;background:#0d161d}.commercial-upload input,.commercial-upload button{min-width:0}.commercial-upload button{background:#caff2d;color:#071016;font-weight:900}.commercial-library{display:flex;flex-direction:column;gap:.55rem}.commercial-library article{display:grid;grid-template-columns:6rem 1fr;gap:.6rem;padding:.55rem;border:1px solid #2c3c47;border-radius:.7rem;background:#111c24}.commercial-thumb{aspect-ratio:16/9;border-radius:.45rem;overflow:hidden;background:#05090c;display:grid;place-items:center}.commercial-thumb img{width:100%;height:100%;object-fit:cover}.commercial-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.commercial-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-info span{font-size:.65rem;color:#8696a2}.commercial-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:.35rem}.commercial-actions button{font-size:.64rem;font-weight:900;padding:.46rem}.commercial-actions button:first-child{border-color:#31d6ad;color:#31d6ad}.commercial-on-air{padding:.7rem;border:1px solid #ff3b67;border-radius:.7rem;background:#2b0a16}.commercial-on-air>div:first-child{display:grid;grid-template-columns:1fr auto;gap:.15rem}.commercial-on-air span{color:#ff6689;font-size:.62rem;font-weight:900;letter-spacing:.1em}.commercial-on-air strong{grid-column:1}.commercial-on-air small{grid-column:2;grid-row:1/3;align-self:center}.commercial-progress{height:.3rem;background:#080d11;border-radius:999px;overflow:hidden;margin:.55rem 0}.commercial-progress i{display:block;height:100%;background:#caff2d}.commercial-transport{display:flex;gap:.4rem}.commercial-transport button{flex:1}.commercial-transport .back-live{background:#caff2d;color:#071016;font-weight:900}.commercial-queue{padding:.65rem;border:1px solid #2c3c47;border-radius:.7rem;background:#0e171e}.commercial-queue-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.55rem}.commercial-queue-head>div{display:flex;flex-direction:column}.commercial-queue-head label{font-size:.66rem;color:#a6b4bd}.commercial-queue-row{display:grid;grid-template-columns:1.4rem 1fr auto 1.7rem 1.7rem 1.7rem;align-items:center;gap:.3rem;padding:.38rem 0;border-top:1px solid #22303a}.commercial-queue-row b{color:#caff2d}.commercial-queue-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-queue-row small{color:#82929d}.commercial-queue-row button{padding:.28rem}.commercial-queue-actions{display:flex;gap:.45rem;margin-top:.55rem}.commercial-queue-actions button:first-child{flex:1;background:#caff2d;color:#071016;font-weight:900}.quad-monitor-page{height:100vh;display:grid;grid-template-rows:auto auto 1fr;background:#05090c;color:#f4f7f8;overflow:hidden}.quad-monitor-page>header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;border-bottom:1px solid #24323c;background:#0b1217}.quad-monitor-page>header>div:first-child{display:flex;flex-direction:column}.quad-monitor-page>header span{font-size:.65rem;color:#7f919e}.quad-monitor-settings{display:flex;gap:.4rem;align-items:center}.quad-monitor-settings select,.quad-monitor-settings button{height:2.15rem;background:#111b23;color:#eef3f5;border:1px solid #30404b;border-radius:.45rem}.quad-monitor-selectors{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;padding:.5rem .75rem;background:#091016;border-bottom:1px solid #202e38}.quad-monitor-selectors label{display:flex;gap:.35rem;align-items:center}.quad-monitor-selectors span{color:#caff2d;font-weight:900}.quad-monitor-selectors select{min-width:0;flex:1;background:#111b23;color:#eef3f5;border:1px solid #30404b;border-radius:.4rem;padding:.38rem}.quad-monitor-grid{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.25rem;padding:.25rem}.quad-monitor-tile{position:relative;min-width:0;min-height:0;background:#020405;border:1px solid #1d2a33;overflow:hidden}.quad-monitor-tile video{width:100%;height:100%;object-fit:contain;background:#000}.quad-monitor-tile>div{position:absolute;left:.45rem;right:.45rem;bottom:.45rem;display:flex;justify-content:space-between;gap:.5rem;padding:.34rem .45rem;border-radius:.35rem;background:#061017d9}.quad-monitor-tile>div span{font-size:.6rem;color:#9cacb7}.quad-monitor-tile.empty{display:grid;place-items:center;color:#40505c}.quad-monitor-tile.empty strong{position:absolute;margin-top:2.8rem}@media(max-width:900px){.quad-monitor-page>header{align-items:flex-start}.quad-monitor-settings{flex-wrap:wrap;justify-content:flex-end}.quad-monitor-selectors{grid-template-columns:1fr 1fr}.commercial-library article{grid-template-columns:5rem 1fr}}.server-output-badge.live{border-color:#66e8877a;background:#13291b;color:#75ef95}.server-output-badge.connecting{border-color:#ffcd5373;background:#2c2512;color:#ffd65b}.server-output-badge.error{border-color:#ff4a6c8c;background:#35151e;color:#ff8ca2}.server-output-badge.offline{color:#9aa7b2}.server-program-monitor{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:#020405;color:#eef4f7;isolation:isolate}.server-program-monitor>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;background:#020405;z-index:1}.server-program-monitor.waiting>video{opacity:.18}.program-feed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:radial-gradient(circle at center,#121c24 0,#05080b 64%,#020405);pointer-events:none}.program-feed-placeholder svg{font-size:34px;color:#6d7d89}.program-feed-placeholder svg.spin{color:var(--accent);animation:spin 1s linear infinite}.program-feed-placeholder strong{font-size:14px;letter-spacing:.05em;color:#f1f5f7}.program-feed-placeholder span{max-width:520px;color:#8595a1;font-size:10px;line-height:1.5}.server-program-monitor-label{position:absolute;left:14px;top:14px;z-index:4;display:flex;align-items:center;gap:9px;max-width:calc(100% - 190px);padding:7px 10px;border:1px solid #35434e;border-radius:7px;background:#071019dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden}.server-program-monitor-label strong{font-size:9px;letter-spacing:.08em;color:#f5f8fa;overflow:hidden;text-overflow:ellipsis}.server-program-monitor-label span{font-size:8px;color:#8fa0ab;overflow:hidden;text-overflow:ellipsis}.program-audio-monitor{position:absolute;left:14px;bottom:14px;z-index:5;display:flex;align-items:center;gap:6px;border:1px solid #3a4650;border-radius:7px;background:#eef1f5;color:#111820;padding:7px 10px;font-size:9px;font-weight:900;box-shadow:0 8px 24px #0008}.program-audio-monitor.active{background:#16384a;border-color:#3ca6d7;color:#8de1ff}.program-audio-monitor:disabled{opacity:.5;cursor:not-allowed}.operator-preview-overlay{pointer-events:auto}.browser-mic-publisher-element{position:fixed!important;width:1px!important;height:1px!important;left:-100px!important;top:-100px!important;opacity:0!important;pointer-events:none!important}.audio-control .quick-mic-button.offline{border-color:#384550;background:#202932;color:#8897a2}.browser-architecture-note{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;margin-bottom:8px;border:1px solid #2e5b52;border-radius:8px;background:#10221e;color:#a7d9ce;font-size:9px;line-height:1.45}.browser-architecture-note svg{flex:0 0 auto;margin-top:1px;color:#6be1bd}.browser-mic-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.browser-mic-status-grid>div{min-width:0;padding:8px;border:1px solid #2d3a44;border-radius:7px;background:#0b1217;display:flex;flex-direction:column;gap:3px}.browser-mic-status-grid span{font-size:7px;color:#81909b;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.browser-mic-status-grid strong{font-size:8px;color:#dbe6ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-mic-config{margin:12px 0;padding:12px;border:1px solid #2f6a5b;border-radius:10px;background:#0e1d1a}.browser-mic-config>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.browser-mic-config>div:first-child strong{font-size:11px;color:#d9f5eb}.browser-mic-config>div:first-child small{font-size:8px;line-height:1.45;color:#82aaa0}.webrtc-only-field{min-height:38px;display:flex;align-items:center;padding:0 11px;border:1px solid #2f7565;border-radius:7px;background:#102720;color:#7de7c7;font-size:9px;font-weight:900;letter-spacing:.05em}.quad-webrtc-only{padding:7px 9px;border:1px solid #2c745e;border-radius:7px;background:#10261f;color:#6fe1bd!important;font-size:9px!important;font-weight:900}.quad-monitor-tile>.quad-monitor-label{position:absolute;left:.45rem;right:.45rem;bottom:.45rem;z-index:3;display:flex;justify-content:space-between;gap:.5rem;padding:.34rem .45rem;border-radius:.35rem;background:#061017d9}.quad-monitor-tile>.quad-monitor-waiting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle,#111b22,#020405 72%);color:#657783}.quad-monitor-tile>.quad-monitor-waiting svg{font-size:26px}.quad-monitor-tile>.quad-monitor-waiting span{font-size:8px!important;color:#81939f!important;font-weight:900;letter-spacing:.08em}.quad-monitor-tile>.quad-monitor-label span{font-size:.6rem;color:#9cacb7}@media(max-width:600px){.server-program-monitor-label{right:10px;max-width:none}.server-program-monitor-label span{display:none}.program-feed-placeholder span{font-size:9px}.browser-mic-status-grid{grid-template-columns:1fr}}.program-compositor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%!important;height:100%!important;display:block;object-fit:contain;background:#020304!important;cursor:pointer;transform:translateZ(0)}.program-media-elements{position:fixed;left:-10000px;top:-10000px;width:4px;height:4px;overflow:hidden;opacity:.001;pointer-events:none}.program-media-elements video{display:block!important;width:2px!important;height:2px!important;max-width:none!important;max-height:none!important}.program-monitor.commercial-active .replay-transport{display:none}.live-dot.ready{background:#55d99f;box-shadow:0 0 0 4px #55d99f22}.quad-monitor-waiting button{border:1px solid #4b6574;background:#12212b;color:#eff7fa;border-radius:.42rem;padding:.48rem .7rem;font-size:.66rem;font-weight:900;cursor:pointer}.quad-monitor-waiting button:hover{border-color:#caff2d;color:#caff2d}.quad-local-disconnect{position:absolute;top:.45rem;right:.45rem;z-index:4;border:1px solid #435563;background:#071117d9;color:#cbd7dd;border-radius:.38rem;padding:.32rem .5rem;font-size:.6rem;font-weight:800;cursor:pointer}