:root{--bg:#0e1014;--bar:#0b0d10;--panel:#17191f;--panel2:#202229;--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.065);--text:#f7f4ef;--muted:#aaa7a2;--green:#ff8500;--pink:#ffad32;--blue:#ffb23a;--red:#ff5c45}
body{background:radial-gradient(circle at 18% 0,rgba(255,133,0,.08),transparent 32%),#0e1014}.topbar{grid-template-columns:176px 285px 1fr 410px;background:rgba(11,13,16,.96)}
.brand{padding:0 14px;gap:6px;letter-spacing:.2px}.brand strong{font-size:16px}.brand strong,.auth-brand strong{display:inline-flex;font-weight:900;letter-spacing:0}.brand strong span:first-child,.auth-brand strong span:first-child{color:#ff8500}.brand strong span:last-child,.auth-brand strong span:last-child{color:#f7f4ef;margin-left:1px}.brand>span:last-child,.auth-brand>span:last-child{font-size:8px;letter-spacing:1px;color:#d7d2ca;font-weight:800}.auth-brand strong{font-size:22px}.bars i{background:#ff8500}.station-icon{background:linear-gradient(135deg,#ff8500,#ffad32);color:#17100a}.user{border-color:#ff8500!important}.rail,.dock{background:#111318}.decks{background:linear-gradient(110deg,rgba(255,133,0,.07),transparent 38%),#0e1014}.page-head small,.eyebrow{color:#ff8500}.primary{background:linear-gradient(135deg,#ff8500,#ff6b00)!important;border-color:#ff8500!important;color:#fff!important;box-shadow:0 10px 25px rgba(255,104,0,.16)}
.deck-label{display:block;color:#5f6671;font-size:8px;font-weight:700;letter-spacing:.7px;margin-bottom:3px}.deck.on .deck-label{color:var(--green)}#deckC.live .deck-label{color:#ff6f82}.deck.on{box-shadow:inset 0 2px 0 #ff8500}.deck.ready{box-shadow:inset 0 2px 0 #ffad32}
#deckB.mixing{box-shadow:inset 0 2px 0 #e5bd62}#deckB.mixing .deck-label{color:#e5bd62}
.schedule-row[draggable=true]{cursor:grab}.schedule-row.dragging{opacity:.35}.schedule-row.drag-over{box-shadow:inset 0 2px 0 var(--green)}.schedule-row.is-playing{background:linear-gradient(90deg,rgba(255,133,0,.12),#15191b)}.schedule-row.is-playing td{color:#f7f4ef}.drag-handle{display:inline-block;color:#8b7763;margin-right:10px;cursor:grab}.deck-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#ff8500;color:#17100a;font-weight:800;margin-right:8px}.deck-badge.b{background:#2b2017;color:#ffad32;border:1px solid #724a22}.queue-actions{display:flex;justify-content:flex-end;gap:4px}.queue-actions button{padding:4px 7px;min-width:27px}.queue-flag{color:var(--green);font-size:8px;margin-left:7px}.media-mini .media-row{grid-template-columns:34px 1fr 55px 28px 28px}.media-table .queue-add{color:var(--green);margin-right:5px}.source-label{color:#a4988d}
.admin-tabs{height:50px;border-bottom:1px solid var(--line);display:flex;padding:0 40px;gap:5px;align-items:end}
.admin-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}
.admin-tabs button.active{border-bottom-color:var(--green);color:white}
.admin-view{display:none;padding:25px 40px}
.admin-view.active{display:block}
.dj-admin{align-items:start}.dj-source-state{display:flex;align-items:center;gap:12px;margin:14px 0 18px;padding:13px;border:1px solid #30343b;border-radius:8px;background:#111318}.dj-source-state>i{width:12px;height:12px;border-radius:50%;background:#555c66;box-shadow:0 0 0 4px #555c6618}.dj-source-state div{min-width:0}.dj-source-state b,.dj-source-state small{display:block}.dj-source-state small{margin-top:4px;color:#858b95}.dj-source-state.listening>i{background:#ffad32;box-shadow:0 0 12px #ff8500}.dj-source-state.connected{border-color:#236c52;background:#0c211a}.dj-source-state.connected>i{background:#2be0a0;box-shadow:0 0 14px #2be0a0}.dj-source-state.connected b{color:#52e8b2}.dj-source-state.error{border-color:#6d3038}.dj-source-state.error>i{background:#ff6878}.encoder-card{margin:18px 0;padding:14px;border:1px solid #31353d;border-radius:8px;background:#0b0d10}.encoder-card>small{color:#ffad32;font-size:8px;letter-spacing:1px;font-weight:900}.encoder-card dl{display:grid;grid-template-columns:90px 1fr;margin:12px 0;gap:8px}.encoder-card dt{color:#777e89}.encoder-card dd{margin:0;color:#e8e9eb}.encoder-card p{margin:10px 0 0;color:#777e89;font-size:9px;line-height:1.5}.dj-user-list{display:grid;gap:8px;margin:12px 0 24px}.dj-user-row{display:grid;grid-template-columns:36px minmax(150px,1fr) auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #292d34;border-radius:7px;background:#111318}.dj-user-row>div{min-width:0}.dj-user-row b,.dj-user-row small{display:block}.dj-user-row small{margin-top:4px;color:#777e89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-user-row button{padding:7px;font-size:8px}.danger{color:#ff7b87!important;border-color:#67343b!important;background:#251316!important}
.admin-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}
.admin-columns>section,.operations{border:1px solid var(--line);border-radius:9px;background:#111216;padding:20px}
.user-list{display:grid;gap:8px}
.user-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 150px 90px 74px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px}.user-row .user-delete{padding:7px 6px;font-size:8px}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#20362e;color:#62dda7;font-weight:700}
.user-row b,.user-row small{display:block}
.user-row small{color:var(--muted);font-size:10px;margin-top:3px}
.user-row select{background:#0e1013;border:1px solid #30333a;color:#ddd;padding:7px;border-radius:5px}
.status-active{color:#65dda8;font-size:10px}.status-off{color:#ff7d8d;font-size:10px}
#createUser label{display:block;color:#9298a4;font-size:11px;margin:13px 0}
#createUser input,#createUser select{display:block;width:100%;margin-top:6px;padding:10px;background:#0d0f12;border:1px solid #30333a;border-radius:6px;color:white}
.role-help{margin-top:25px;display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:10px}
.role-help span{color:var(--muted)}
.muted{color:var(--muted);line-height:1.5}
.media-browser{height:calc(100% - 175px);display:grid;grid-template-columns:240px 1fr;margin:0 40px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.media-browser .media-table{height:100%;margin:0;border:0;border-left:1px solid var(--line);border-radius:0}
.folder-tree{padding:14px 8px;background:#0e1013;overflow:auto}
.folder-tree h3{padding:0 9px}.folder-node{width:100%;display:block;text-align:left;border:0;background:transparent;padding:7px 9px;color:#969ca7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folder-node:hover,.folder-node.active{background:#191c21;color:white}.folder-node.active{color:var(--green)}
.source-list{display:grid;gap:9px;margin-top:18px}.source-row{border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.source-row.primary-source{border-color:#8b5a18;background:linear-gradient(110deg,#20170c,#111216 42%);box-shadow:inset 3px 0 #f0a329}
.source-row b,.source-row small{display:block}.source-row small{color:var(--muted);margin-top:4px;word-break:break-all}.source-row .source-meta{font-size:10px;color:#6f7580;margin-top:7px}.source-primary-badge{display:inline-block;margin-left:9px;padding:3px 7px;border:1px solid #8b5a18;border-radius:999px;color:#ffc25b;background:#24180a;font-size:8px;letter-spacing:.7px;vertical-align:1px}.source-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:430px}.source-actions [data-source-remove]{color:#ff8291}.source-primary-button.active{color:#ffc25b;border-color:#8b5a18;background:#24180a;opacity:1}
.source-row.source-scanning{border-color:#275e79}.source-scan-badge{display:inline-block;margin-left:9px;padding:3px 7px;border:1px solid #275e79;border-radius:999px;color:#7dd4ff;background:#0b1c25;font-size:8px;letter-spacing:.7px;vertical-align:1px}.source-scanning .source-meta{color:#7dd4ff}
#createSource label{display:block;color:#9298a4;font-size:11px;margin:13px 0}#createSource input{display:block;width:100%;margin-top:6px;padding:10px;background:#0d0f12;border:1px solid #30333a;border-radius:6px;color:white}
.path-warning{margin-top:22px;border:1px solid #574821;background:#211c0c;color:#d7bd72;padding:13px;border-radius:6px;font-size:11px;line-height:1.5}
.audit-list{border:1px solid var(--line);border-radius:8px}
.audit-row{display:grid;grid-template-columns:165px 160px 180px 1fr;gap:10px;padding:12px;border-bottom:1px solid var(--line2);font-size:11px}
.audit-row time,.audit-row code{color:#8f95a0}.audit-row b{color:#e0e2e5}
.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.health-card{border:1px solid var(--line);background:#111216;border-radius:9px;padding:18px}
.health-card small{color:var(--muted);display:block}.health-card b{font-size:23px;display:block;margin-top:10px}.health-card em{font-style:normal;color:var(--green);font-size:10px}
.operations ul{color:#969ca7;line-height:2}.operations code{color:#d7d9dd;background:#090a0c;padding:3px 5px;border-radius:3px}
.auth-screen{position:fixed;inset:0;background:radial-gradient(circle at 50% 30%,#1a1d25,#08090b 55%);z-index:100;display:grid;place-items:center}
.auth-screen.hidden{display:none}
.auth-card{width:min(420px,calc(100vw - 30px));background:#101216;border:1px solid #30333b;border-radius:13px;padding:34px;box-shadow:0 35px 90px #000}
.auth-brand{display:flex;gap:9px;align-items:center;font-size:22px;margin-bottom:38px}
.auth-card>small{color:var(--green);letter-spacing:1.2px;font-size:9px}.auth-card h1{font-size:30px;margin:10px 0}.auth-card p{color:var(--muted);line-height:1.5}
.auth-card label{display:block;color:#969ca7;font-size:11px;margin:16px 0}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px;background:#090b0e;border:1px solid #30343c;border-radius:6px;color:white}
.auth-card button{width:100%;margin-top:10px;padding:12px}.auth-card em{display:block;color:#ff7d8c;font-size:11px;font-style:normal;margin-top:13px;min-height:14px}
.toast{z-index:120}
[hidden]{display:none!important}
.media-results{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 46px;overflow:hidden}
.media-results .media-table{min-height:0;overflow:auto}
.media-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:7px 12px;border-left:1px solid var(--line);border-top:1px solid var(--line);background:#0e1013}
.media-pager span,#mediaResultCount{color:var(--muted);font-size:10px}
.media-pager button{min-width:86px}.media-pager button:disabled{opacity:.35;cursor:default}
#mediaResultCount{align-self:center;white-space:nowrap}
#monitorBtn{min-width:142px;height:38px;display:grid;grid-template-columns:10px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;text-align:left;padding:5px 9px}
#monitorBtn>i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#555b65}
#monitorBtn span{font-size:9px;font-weight:800;letter-spacing:.5px}#monitorBtn small{font-size:8px;color:#777e89}
#monitorBtn.monitor-connecting>i,#monitorBtn.monitor-buffering>i{background:#e9b14c;box-shadow:0 0 8px #e9b14c}#monitorBtn.monitor-on>i{background:var(--green);box-shadow:0 0 9px var(--green)}#monitorBtn.monitor-on span{color:var(--green)}#monitorBtn.monitor-error>i{background:#ff6579}
.modebar .mode{display:flex;align-items:center;justify-content:center;gap:6px}.modebar .mode>i{width:6px;height:6px;border-radius:50%;background:#555b65}.modebar .mode.active>i{background:currentColor;box-shadow:0 0 7px currentColor}
.modebar .mode[data-mode=assist].active{color:#e5bd62;border-color:#735f2f;background:#211c0d}
.waveform{border-top:1px solid #24272d;border-bottom:1px solid #24272d;background:#0a0c0f}.waveform canvas{display:block}.waveform.muted{opacity:.62}.waveform .spectrum-state{position:absolute;right:6px;bottom:4px;padding:2px 4px;border-radius:3px;background:#090b0dcc;color:#7d838d;font-size:7px;letter-spacing:.7px}.waveform .spectrum-state.live{color:#ffad32}
.player-deck.seekable .waveform{border-color:#5a482f;box-shadow:inset 0 0 22px #0008,0 0 0 1px #ff850012}.player-deck.seekable .waveform canvas{cursor:ew-resize}.player-deck.seekable .waveform:hover{border-color:#ff9b31}.player-deck.seekable .waveform canvas:focus{outline:2px solid #ff9b31;outline-offset:-2px}.deck-seek-hint{position:absolute;left:7px;bottom:4px;padding:3px 6px;border:1px solid #6a4a25;border-radius:4px;background:#140f09dd;color:#ffb45c;font-size:7px;font-weight:900;letter-spacing:.65px;opacity:0;transform:translateY(3px);pointer-events:none;transition:.16s}.player-deck.seekable .waveform:hover .deck-seek-hint,.player-deck.seekable .waveform:focus-within .deck-seek-hint{opacity:1;transform:none}
.drop-deck{position:relative}.deck-drop-hint,.schedule-drop-hint{display:none;position:absolute;inset:7px;z-index:8;border:1px dashed var(--green);border-radius:7px;background:#092018e8;color:var(--green);font-size:11px;font-weight:700;place-items:center;pointer-events:none}.drop-deck.drag-target .deck-drop-hint{display:grid}.schedule-dropzone{position:relative}.schedule-dropzone.drag-target .schedule-drop-hint{display:grid}.media-row[draggable=true],#mediaTable tr[draggable=true],.cart[draggable=true]{cursor:grab}.media-row.dragging,#mediaTable tr.dragging,.cart.dragging{opacity:.35}.media-browser.drag-files,.dock.drag-files{box-shadow:inset 0 0 0 2px var(--green)}
.mix-editor{position:fixed;inset:0;z-index:110;background:#050608d9;display:grid;place-items:center;padding:24px}.mix-dialog{width:min(840px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:#101216;border:1px solid #343841;border-radius:12px;box-shadow:0 30px 100px #000;padding:22px}.mix-dialog header{display:flex;justify-content:space-between;gap:20px}.mix-dialog header small{color:var(--green);font-size:8px;letter-spacing:1px}.mix-dialog h2{margin:5px 0}.mix-dialog header p{margin:0;color:var(--muted)}#mixClose{font-size:20px;width:38px;height:38px;padding:0}.mix-preview{margin:20px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#090b0d}.mix-preview canvas{width:100%;height:110px;display:block}.mix-preview audio{width:100%;height:34px;margin-top:8px}.mix-set-buttons{display:flex;gap:7px;margin-top:8px}.mix-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.mix-controls label{font-size:10px;color:#b8bdc7}.mix-controls label span{display:block;color:#646b76;font-size:8px;height:22px;margin-top:3px}.mix-controls input{width:100%;margin-top:7px;padding:9px;background:#090b0d;border:1px solid #30343c;border-radius:5px;color:white}.mix-summary{margin:14px 0;padding:10px;border-radius:6px;background:#0b1915;color:#68dbae;font-size:10px}.mix-dialog footer{display:flex;justify-content:flex-end;gap:8px}
body.is-dragging-media .schedule-dropzone,body.is-dragging-media .drop-deck{outline:1px dashed #2e6554;outline-offset:-3px}
.cover{background:linear-gradient(145deg,#ff8500,#6b3511)}.cover.next{background:#29231e;color:#c6b5a5}.mini-cover{background:linear-gradient(145deg,#ff8500,#6b3511)!important;color:#fff}.auth-screen{background:radial-gradient(circle at 35% 25%,#4a270f,#111318 48%,#08090b)!important}.avatar{background:#3a2412;color:#ffad32}.rule-ok,.status-active{color:#ffad32!important}
#schedule td{height:58px}.auto-cue{display:block;margin:4px 0 0 47px;font-size:7px;line-height:1.2;letter-spacing:.35px;font-weight:800;color:#8e939d}.auto-cue.ready{color:#ffad32}.auto-cue.analyzing{color:#d29a55}.auto-cue.manual{color:#7fb7e8}.auto-cue.failed{color:#ff6c60}.queue-actions [data-edit-mix]{color:#ffad32;border-color:#62431f}
.analysis-state{display:inline-block;margin-top:8px;padding:5px 8px;border:1px solid #3a3d44;border-radius:5px;color:#8d929a;font-size:8px;letter-spacing:.5px}.analysis-state.ready{color:#ffad32;border-color:#724a22;background:#28190d}.analysis-state.analyzing,.analysis-state.queued{color:#ffd18a;border-color:#6c532e}.analysis-state.failed{color:#ff7769;border-color:#6c302b}.mix-mode{display:flex;align-items:center;gap:8px;margin:12px 0 16px;padding:11px;border:1px solid rgba(255,133,0,.22);border-radius:7px;background:rgba(255,133,0,.07);font-size:11px;font-weight:700}.mix-mode input{accent-color:#ff8500}.mix-mode span{margin-left:auto;color:#9b928a;font-size:9px;font-weight:400}.mix-set-buttons{flex-wrap:wrap}.mix-set-buttons button:first-child{color:#ffad32;border-color:#724a22}
.analysis-mini{display:block;margin-top:3px;color:#696e77;font-size:7px;font-weight:800}.analysis-mini.ready{color:#ffad32}.analysis-mini.analyzing{color:#d29a55}.analysis-mini.manual{color:#7fb7e8}
@media(max-width:1100px){.topbar{grid-template-columns:160px 220px 1fr 350px}.health-grid{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.media-browser{grid-template-columns:190px 1fr}.mix-controls{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dj-user-row{grid-template-columns:36px 1fr auto}.dj-user-row button{grid-column:auto}.dj-user-row [data-dj-password]{grid-column:2}.dj-user-row [data-dj-delete]{grid-column:3}}

/* Studio transition controls */
.deck-actions .fade-next{min-width:82px;color:#2be0a0;border-color:#276d53;background:#0c211a;font-size:9px;font-weight:800}.deck-actions .fade-next:hover,.deck-actions .fade-next.active{background:#123c2e;box-shadow:0 0 14px #2be0a033}.deck-actions .skip-hard{min-width:48px;color:#ff7b87;border-color:#67343b;background:#251316;font-size:9px}.transition-info{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d939d;font-size:8px}.deck-actions>span{flex:0 0 auto!important;margin-left:0!important}

/* Media classes are visible at a glance in library and rundown. */
.media-type-music{--media-color:#72aeea}.media-type-jingle{--media-color:#f23bbd}.media-type-voice{--media-color:#f1b747}.media-type-ad{--media-color:#ff566d}.schedule-row,.media-table tr,.media-mini .media-row{box-shadow:inset 3px 0 0 var(--media-color,transparent)}.schedule-row.media-type-jingle,.media-row.media-type-jingle,.media-table tr.media-type-jingle{background:linear-gradient(90deg,#f23bbd12,transparent 42%)}.schedule-row.media-type-voice,.media-row.media-type-voice,.media-table tr.media-type-voice{background:linear-gradient(90deg,#f1b74710,transparent 42%)}.schedule-row.media-type-ad,.media-row.media-type-ad,.media-table tr.media-type-ad{background:linear-gradient(90deg,#ff566d10,transparent 42%)}.rotation-source{display:inline-block;margin-left:7px;padding:2px 5px;border-radius:3px;background:#282b32;color:#9fa5af;font-size:7px}.media-mini .media-row{grid-template-columns:34px minmax(0,1fr) 45px 28px 28px}

/* Rotation clock */
.sequence-layout{grid-template-columns:240px minmax(480px,1fr) 330px}.pattern{overflow:auto}.rotation-pattern{padding-bottom:50px}.pattern-item.rotation-slot{height:68px;padding-left:9px;border-left:4px solid var(--media-color,#72aeea);background:linear-gradient(90deg,color-mix(in srgb,var(--media-color,#72aeea) 8%,transparent),transparent 48%);cursor:grab}.pattern-item.rotation-slot.dragging{opacity:.4}.pattern-item.rotation-slot.drop-before{transform:translateY(4px);border-top-color:#2be0a0}.pattern-item.rotation-slot>div{flex:1;min-width:0}.pattern-item.rotation-slot strong,.pattern-item.rotation-slot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-item.rotation-slot small{margin-top:5px;color:#777d87;font-size:9px}.pattern-item.rotation-slot button{padding:5px;min-width:25px}.rotation-builder{overflow:auto}.rotation-builder select{width:100%;margin-top:7px;padding:10px;background:#0d0f12;border:1px solid #30333a;border-radius:6px;color:white}.rotation-builder .primary{width:100%;margin:5px 0 10px}.rotation-tip{color:#7e8490;font-size:10px;line-height:1.5}.rotation-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 14px}.rotation-legend span{padding:7px;border-left:3px solid currentColor;background:#14161a;font-size:8px}.rotation-legend .music{color:#72aeea}.rotation-legend .jingle{color:#f23bbd}.rotation-legend .voice{color:#f1b747}.rotation-legend .ad{color:#ff566d}

/* Native-feeling playout context menu */
.context-menu{position:fixed;z-index:1000;width:255px;padding:6px;background:#16181d;border:1px solid #3a3e47;border-radius:8px;box-shadow:0 18px 55px #000b}.context-menu[hidden]{display:none}.context-menu header{padding:9px 10px 8px;color:#8e949f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #292c32}.context-menu button{display:block;width:100%;padding:9px 10px;text-align:left;border:0;background:transparent;color:#d2d5da;font-size:11px}.context-menu button:hover{background:#24272e;color:#fff}.context-menu .context-primary{color:#43e4aa}.context-menu .context-accent{color:#f39adb}.context-menu .context-danger{color:#ff7b87}

@media(max-width:1100px){.sequence-layout{grid-template-columns:210px minmax(440px,1fr) 290px}.transition-info{display:none}}

/* Alternating physical A/B decks */
.decks{height:284px;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) 270px;padding-top:44px;background:radial-gradient(circle at 45% 0,#23201b 0,#101114 38%,#0b0c0f 80%)}.studio-body{height:calc(100% - 284px)}.player-deck{position:relative;padding:8px 12px 0;background:linear-gradient(160deg,#17191e 0,#0d0f12 70%);border-top:2px solid #2b2e35;transition:border-color .25s,box-shadow .25s,background .25s}.player-deck.on{border-top-color:#ff8500;background:radial-gradient(circle at 12% 12%,#38220e 0,#16171b 35%,#0d0f12 78%);box-shadow:inset 0 14px 35px #ff850012,0 0 25px #ff850012}.player-deck.mixing-out{border-top-color:#ffb14c;background:radial-gradient(circle at 12% 12%,#33220f,#111318 55%)}.player-deck.mixing-in{border-top-color:#2be0a0;background:radial-gradient(circle at 12% 12%,#0e3025,#111318 55%);box-shadow:inset 0 0 30px #2be0a00d}.player-deck.ready{border-top-color:#4b5564}.deck-topline{height:20px;display:flex;align-items:center;gap:8px}.deck-label{font-size:8px;letter-spacing:1.2px;color:#858b96;font-weight:800}.player-deck.on .deck-label,.player-deck.mixing-out .deck-label{color:#ffb04d}.player-deck.mixing-in .deck-label{color:#45e0aa}.deck-type{margin-left:auto;padding:3px 7px;border:1px solid currentColor;border-radius:9px;font-size:7px;font-weight:900;letter-spacing:.7px}.deck-type.music{color:#72aeea}.deck-type.jingle{color:#f23bbd}.deck-type.voice{color:#f1b747}.deck-type.ad{color:#ff566d}.player-deck .deck-head{height:61px;gap:11px}.player-deck .cover{width:46px;height:46px;flex:0 0 46px;border:1px solid #ff9e2f55;background:linear-gradient(145deg,#ff9c2f,#a74911);font-size:19px;box-shadow:0 8px 24px #0008}.player-deck .cover.next{border-color:#3a3e47;background:linear-gradient(145deg,#2c3038,#17191e);color:#888f9a}.player-deck .cover.pulse{animation:deckPulse 1.8s ease-in-out infinite}.deck-copy{min-width:0;flex:1}.player-deck .deck-copy b{font-size:17px;line-height:1.2;letter-spacing:-.25px;color:#f6f7f8}.player-deck .deck-copy small{font-size:11px;color:#a2a7b0;margin-top:6px}.player-deck time{display:block;min-width:96px;text-align:right;font-variant-numeric:tabular-nums}.player-deck time>b{display:block;color:#fff;font-size:23px;letter-spacing:-1px}.player-deck time>small{display:block;margin-top:5px;color:#777e89;font-size:9px}.player-deck .waveform{height:86px;border:1px solid #292d34;border-radius:5px;background:#090b0e;box-shadow:inset 0 0 20px #0008}.player-deck .spectrum-state{padding:2px 5px;background:#090b0eaa;border-radius:3px}.deck-progress{height:3px;margin-top:4px;background:#24272d;overflow:hidden}.deck-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8500,#ffd06c);box-shadow:0 0 8px #ff8500;transition:width .35s linear}.player-deck.mixing-in .deck-progress i{background:#2be0a0;box-shadow:0 0 8px #2be0a0}.player-deck .deck-actions{height:38px}.player-deck .deck-actions button{font-size:8px;font-weight:800;letter-spacing:.4px}.player-deck .deck-actions button:disabled{opacity:.3;cursor:not-allowed}.player-deck .deck-actions #editCurrentMix,.player-deck .deck-actions #editMixB{min-width:68px}.player-deck .transition-info{text-align:right}.skip-current,.skip-to{color:#ff8590!important;border-color:#68323a!important;background:#281417!important;font-size:8px!important;font-weight:800}.skip-to{color:#ffd087!important;border-color:#6a4a22!important;background:#241a0f!important;min-width:58px}.schedule-row.is-playing{background:linear-gradient(90deg,#ff85001a,transparent 65%);box-shadow:inset 3px 0 #ff8500}.schedule-row td.title{font-size:13px}.deck-badge{font-weight:900}@keyframes deckPulse{0%,100%{box-shadow:0 8px 24px #0008,0 0 0 #ff850000}50%{box-shadow:0 8px 24px #0008,0 0 18px #ff85004d}}
@media(max-width:1200px){.decks{grid-template-columns:minmax(330px,1fr) minmax(330px,1fr) 220px}.player-deck .deck-copy b{font-size:15px}.player-deck time{min-width:82px}.player-deck time>b{font-size:20px}}

/* The media workspace owns its scroll areas; the page shell stays fixed. */
#page-media.active{display:grid;grid-template-rows:auto 65px minmax(0,1fr);overflow:hidden;min-height:0}#page-media .page-head{min-height:0}#page-media .filters{min-height:65px}#page-media .media-browser{height:auto;min-height:0;margin:0 40px 20px;overflow:hidden}#page-media .folder-tree{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#page-media .folder-tree h3{position:sticky;top:-14px;z-index:2;margin-top:0;padding-top:14px;padding-bottom:10px;background:#0e1013}#page-media .media-results{height:100%;min-height:0;overflow:hidden}#page-media .media-results .media-table{height:auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}#page-media .media-pager{min-height:46px}

/* LIVE FEED is shared by the browser studio and external DJ encoder. */
.live-feed-panel{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px 16px;background:radial-gradient(circle at 50% 40%,#202329,#101216 70%);border-top:2px solid #343840;text-align:center;transition:.25s}.live-feed-panel .deck-label{position:absolute;top:12px;left:14px;color:#727984}.live-feed-word{font-size:34px;line-height:1;letter-spacing:2px;color:#59606b;text-shadow:0 0 22px transparent}.live-feed-panel>small{display:block;max-width:100%;margin-top:9px;color:#777e89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-feed-panel .mic-meter{width:calc(100% - 20px);height:7px;margin:21px 10px 0}.live-feed-panel.live{border-top-color:#ff566d;background:radial-gradient(circle at 50% 42%,#491723,#171217 58%,#101216)}.live-feed-panel.live .deck-label,.live-feed-panel.live>small{color:#ff9aaa}.live-feed-panel.live .live-feed-word{color:#fff;font-size:43px;text-shadow:0 0 10px #fff5,0 0 34px #ff375e;animation:liveFeedPulse 1.6s ease-in-out infinite}@keyframes liveFeedPulse{50%{transform:scale(1.035);text-shadow:0 0 13px #fff8,0 0 48px #ff375e}}

/* The Studio's right library scrolls without moving the playout page. */
#dock-media.active{display:grid;grid-template-rows:60px minmax(0,1fr);height:calc(100% - 42px);min-height:0;overflow:hidden}#dock-media .search{min-height:0}#mediaMini{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.dock{min-height:0;overflow:hidden}.studio-body,.log-panel{min-height:0;overflow:hidden}.table-wrap{overscroll-behavior:contain}

.smart-generate{color:#ffad32!important;border-color:#71481e!important;background:#281a0d!important;font-weight:800}.transition-edit{color:#75cbc8!important;border-color:#27595b!important;background:#0b2021!important}.playlist-dialog{width:min(920px,calc(100vw - 30px))}.playlist-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.playlist-options label,.transition-controls label{display:block;color:#a9afb9;font-size:10px}.playlist-options input,.playlist-options select,.transition-controls input{display:block;width:100%;margin-top:7px;padding:10px;background:#090b0d;border:1px solid #30343c;border-radius:5px;color:#fff}.playlist-options .switch{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #292d34;border-radius:6px;background:#0c0e11}.playlist-options .switch input{width:auto;margin:0}.playlist-result{height:min(390px,42vh);overflow:auto;border:1px solid #2b3037;border-radius:8px;background:#090b0d}.playlist-result>p{padding:24px;color:#818894;line-height:1.6}.playlist-result>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;padding:12px 15px;background:#15181def;border-bottom:1px solid #30343a}.playlist-result>header span{color:#8d949f;font-size:10px}.playlist-result ol{margin:0;padding:0;list-style:none}.playlist-result li{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid #22262c}.playlist-result li b,.playlist-result li small{display:block}.playlist-result li small{margin-top:4px;color:#838b96;font-size:9px}.playlist-result li em{flex:0 0 auto;color:#ffad32;font-size:9px;font-style:normal}.playlist-warning{padding:10px 14px;color:#ffd087;background:#39260e;border-bottom:1px solid #67471d;font-size:10px}

.transition-dialog{width:min(1080px,calc(100vw - 30px))}.transition-track-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 8px;color:#a8d4d2;font-size:11px}.transition-track-head b:last-child{text-align:right}.transition-mix-stage{overflow:hidden;border:1px solid #384247;border-radius:9px;background:#080b0d;box-shadow:inset 0 0 30px #000}.transition-mix-stage canvas{display:block;width:100%;height:300px;cursor:grab;touch-action:none}.transition-mix-stage canvas.dragging{cursor:grabbing;border-color:#ffad32}.transition-drag-guide{display:flex;gap:18px;align-items:center;min-height:38px;padding:8px 12px;border-top:1px solid #2d343c;background:#0d1115;color:#9fa8b4;font-size:8px}.transition-drag-guide span{display:flex;align-items:center;gap:6px}.transition-drag-guide i{width:9px;height:9px;border-radius:3px}.transition-drag-guide .out{background:#ff9a2b}.transition-drag-guide .incoming{background:#35d2a2}.transition-drag-guide .cross{background:#d86be0}.transition-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.transition-dialog audio{display:none}
@media(max-width:760px){.transition-track-head{grid-template-columns:1fr}.transition-track-head b:last-child{text-align:left}.transition-mix-stage canvas{height:240px}.transition-drag-guide{align-items:flex-start;flex-direction:column;gap:6px}.transition-controls{grid-template-columns:1fr}.transition-dialog footer{flex-wrap:wrap}.transition-dialog footer button{flex:1 1 180px}}

#page-ai.active{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.ai-layout{display:grid;grid-template-columns:minmax(620px,1fr) 340px;gap:18px;min-height:0;padding:22px 40px;overflow:auto}.ai-settings{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;align-content:start}.ai-settings section,.ai-control{padding:18px;border:1px solid var(--line);border-radius:9px;background:#111318}.ai-settings h2,.ai-control h2{margin-top:0;font-size:15px}.ai-settings label{display:block;margin:13px 0;color:#9ea4ae;font-size:10px}.ai-settings input{display:block;width:100%;margin-top:7px;padding:10px;color:#fff;background:#090b0d;border:1px solid #30343c;border-radius:5px}.ai-settings .switch{display:flex;align-items:center;gap:8px}.ai-settings .switch input{display:inline;width:auto;margin:0;accent-color:#ff8500}.ai-settings footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.ai-control>p{color:#8b929d;line-height:1.5}.ai-control>button{display:block;width:100%;margin:8px 0}.ai-log{margin:18px 0;padding:14px;border:1px solid #2e333a;border-radius:7px;background:#090b0d}.ai-log small,.ai-log b,.ai-log p,.ai-log code{display:block}.ai-log small{color:#6d7580;font-size:8px}.ai-log b{margin-top:7px;color:#ffad32}.ai-log p{color:#a9afb8;line-height:1.5}.ai-log code{color:#ff7d8c;white-space:pre-wrap}.ai-head-status{padding:8px 12px;border:1px solid #41464f;border-radius:20px;color:#858c96;font-size:9px;font-weight:900}.ai-head-status.active{color:#3de4ad;border-color:#246a52;background:#0c211a}.ai-head-status.busy{color:#ffbd61;border-color:#795527;background:#281c0e}
#page-ai.active{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.ai-layout{display:grid;grid-template-columns:minmax(620px,1fr) 340px;gap:18px;min-height:0;padding:22px 40px;overflow:auto}.ai-settings{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;align-content:start}.ai-settings section,.ai-control{padding:18px;border:1px solid var(--line);border-radius:9px;background:#111318}.ai-settings h2,.ai-control h2{margin-top:0;font-size:15px}.ai-settings label{display:block;margin:13px 0;color:#9ea4ae;font-size:10px}.ai-settings input{display:block;width:100%;margin-top:7px;padding:10px;color:#fff;background:#090b0d;border:1px solid #30343c;border-radius:5px}.ai-settings .switch{display:flex;align-items:center;gap:8px}.ai-settings .switch input{display:inline;width:auto;margin:0;accent-color:#ff8500}.ai-settings footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.ai-control>p{color:#8b929d;line-height:1.5}.ai-control>button{display:block;width:100%;margin:8px 0}.ai-log{margin:18px 0;padding:14px;border:1px solid #2e333a;border-radius:7px;background:#090b0d}.ai-log small,.ai-log b,.ai-log p,.ai-log code{display:block}.ai-log small{color:#6d7580;font-size:8px}.ai-log b{margin-top:7px;color:#ffad32}.ai-log p{color:#a9afb8;line-height:1.5}.ai-log code{color:#ff7d8c;white-space:pre-wrap}.ai-head-status{padding:8px 12px;border:1px solid #41464f;border-radius:20px;color:#858c96;font-size:9px;font-weight:900}.ai-head-status.active{color:#3de4ad;border-color:#246a52;background:#0c211a}.ai-head-status.busy{color:#ffbd61;border-color:#795527;background:#281c0e}.ai-hardware{margin:-2px 0 14px;padding:11px;border:1px solid #414750;border-radius:7px;background:#0c0f13}.ai-hardware b,.ai-hardware span{display:block}.ai-hardware b{font-size:9px;letter-spacing:.6px}.ai-hardware span{margin-top:4px;color:#858d98;font-size:8px;line-height:1.4}.ai-hardware.gpu{border-color:#29694f;background:#0b2118}.ai-hardware.gpu b{color:#49dda7}.ai-hardware.cpu{border-color:#745a2b;background:#251b0d}.ai-hardware.cpu b{color:#efbb61}.ai-hardware.unavailable{border-color:#74323c;background:#261116}.ai-hardware.unavailable b{color:#ff7185}.ai-unavailable .ai-settings section:first-child{opacity:.55}.ai-unavailable #aiGenerateSong,.ai-unavailable #aiGenerateUpdate{opacity:.45}

#page-docs.active{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.docs-api-link{padding:10px 13px;border:1px solid #6b461e;border-radius:6px;color:#ffad32;text-decoration:none}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:13px;padding:22px 40px 35px;overflow:auto}.docs-grid article{padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#15171c,#101216)}.docs-grid h2{margin:0 0 10px;font-size:15px}.docs-grid p{margin:0;color:#9aa0aa;line-height:1.65}.docs-grid code{padding:2px 4px;color:#ffad32;background:#090b0d;border-radius:3px}

@media(max-width:1200px){.ai-layout{grid-template-columns:1fr}.ai-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-control h2,.ai-control p,.ai-control .ai-log,.ai-control .path-warning{grid-column:1/-1}.docs-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.playlist-options{grid-template-columns:1fr 1fr}.live-feed-word{font-size:27px}.live-feed-panel.live .live-feed-word{font-size:35px}}

/* Modern rundown and studio library */
.log-panel{background:#0c0e12}.hour-tabs{background:#111318;border-bottom-color:#292d34}.hour-tabs #engineBadge{margin-left:10px}.compliance-badge{margin-left:auto;padding:5px 8px;border:1px solid #236a50;border-radius:12px;background:#0b2119;color:#43d9a4;font-size:7px;font-weight:900;letter-spacing:.7px;white-space:nowrap}.compliance-badge.off{border-color:#4a3c2f;background:#211a12;color:#9c8b76}.rundown-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.rundown-table th{height:38px;padding:0 11px;color:#707782;background:#0e1014;border-bottom:1px solid #292d34;font-size:8px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}.rundown-table th:nth-child(1){width:118px}.rundown-table th:nth-child(2){width:84px}.rundown-table th:nth-child(3){width:36%}.rundown-table th:nth-child(4){width:20%}.rundown-table th:nth-child(5){width:70px}.rundown-table th:nth-child(6){width:76px}.rundown-table th:nth-child(7){width:250px;text-align:right}.rundown-table .schedule-row{position:relative;background:#101216;box-shadow:inset 3px 0 0 var(--media-color,transparent);transition:background .15s,box-shadow .15s,opacity .15s}.rundown-table .schedule-row:nth-child(even):not(.is-playing){background:#0f1115}.rundown-table .schedule-row:hover{background:#171a20}.rundown-table .schedule-row td{height:66px;padding:7px 11px;border-bottom:1px solid #24272e;vertical-align:middle;color:#c7cbd2}.rundown-table .schedule-row.is-playing{background:linear-gradient(90deg,#3b230f 0,#1a1714 36%,#111318 100%);box-shadow:inset 4px 0 #ff8500,0 5px 18px #0005}.rundown-table .schedule-row.dragging{opacity:.2}.rundown-table .schedule-row.drag-over{background:linear-gradient(90deg,#153528,#14241e)!important;box-shadow:inset 4px 0 #38dfaa,inset 0 0 0 1px #38dfaa66}.schedule-time{position:relative;font-variant-numeric:tabular-nums}.schedule-time time,.schedule-time small{display:block}.schedule-time time{color:#d8dbe0;font-size:11px}.schedule-time small{margin-top:5px;color:#69717d;font-size:7px;font-weight:800;letter-spacing:.55px}.schedule-time .drag-handle{position:absolute;left:5px;top:24px;margin:0;color:#626a76}.schedule-time .drag-handle+time,.schedule-time .drag-handle~small{margin-left:16px}.status-pill{display:inline-flex;align-items:center;gap:6px;color:#747b86;font-size:7px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.status-pill i{width:7px;height:7px;border:1px solid #68707b;border-radius:50%}.status-pill.on-air{color:#ffb251}.status-pill.on-air i{border-color:#ff8500;background:#ff8500;box-shadow:0 0 9px #ff8500;animation:statusPulse 1.5s infinite}.status-pill.queued i{background:#343941}.schedule-row:first-child+.schedule-row .status-pill.queued,.schedule-row:first-child+.schedule-row .status-pill.queued i{color:#42dca7;border-color:#42dca7}@keyframes statusPulse{50%{opacity:.4}}.track-cell{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.track-cell .mini-cover,.media-row .mini-cover{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;font-size:8px;font-weight:900;box-shadow:0 7px 17px #0007}.track-copy{min-width:0}.track-copy>b{display:block;overflow:hidden;color:#f2f3f5;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.track-flags{display:flex;min-height:12px;align-items:center;gap:6px;margin-top:4px;overflow:hidden}.track-flags>span{margin:0;padding:2px 5px;border-radius:3px;background:#22262d;color:#808893;font-size:7px;font-weight:800;letter-spacing:.35px;white-space:nowrap}.track-flags .queue-flag{color:#ffb24a;background:#2b1d0e}.track-flags .deck-inline{color:#ffb24a;background:#2f1f0e}.rundown-table .auto-cue{margin:4px 0 0;color:#747c87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rundown-table .auto-cue.ready{color:#e2a64d}.artist-cell{overflow:hidden;color:#adb2bb!important;text-overflow:ellipsis;white-space:nowrap}.duration-cell{color:#d7dae0!important;font-variant-numeric:tabular-nums}.rundown-table .type{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #30343c;border-radius:10px;color:var(--media-color,#9ca3ad);background:#0c0e12;font-size:7px;font-weight:900}.rundown-table .type:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.rundown-table .queue-actions{align-items:center;flex-wrap:nowrap}.rundown-table .queue-actions button{height:27px;min-width:28px;padding:0 7px;border-radius:5px;font-size:8px}.rundown-table .queue-actions .skip-to,.rundown-table .queue-actions .skip-current{min-width:52px}.rundown-table .on-air-actions small{color:#ffb34f;font-size:7px}.rundown-table .deck-badge{width:27px;height:27px;margin:0;border-radius:5px;font-size:11px}.dock{border-left-color:#2a2e35;background:#0d0f13}.dock-tabs{background:#111318}.dock .search{padding:10px 11px;border-bottom:1px solid #24282f;background:#0e1014}.dock .search input{height:36px;background:#101318}.media-mini{padding:7px 7px 13px;scrollbar-color:#4a4f58 #0d0f13}.media-mini .media-row{height:62px;margin-bottom:5px;padding:7px;grid-template-columns:38px minmax(0,1fr) 42px 28px 28px;gap:7px;border:1px solid #262a31;border-radius:8px;background:#121419!important;box-shadow:inset 3px 0 0 var(--media-color,transparent),0 4px 11px #0002;transition:background .15s,border-color .15s,transform .15s}.media-mini .media-row:hover{border-color:#3a3f48;background:#191c22!important;transform:translateX(-2px)}.media-mini .media-row.dragging{opacity:.22}.media-row-copy{min-width:0}.media-row-copy b,.media-row-copy small,.media-row-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row-copy b{color:#f1f2f4;font-size:11px}.media-row-copy small{margin-top:3px;color:#9299a4;font-size:8px}.media-row-copy em{margin-top:3px;color:#636b76;font-size:7px;font-style:normal}.media-row-copy em i{display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:var(--media-color,#888)}.media-mini .media-row time{color:#8b929c;font-size:8px;font-variant-numeric:tabular-nums}.media-mini .media-row button{width:28px;height:28px;padding:0;border-radius:6px}.media-mini .media-row [data-enqueue]{color:#ffad43}.media-mini .media-row [data-play-now]{color:#7fc0f4}.drag-ghost{position:fixed;left:-600px;top:-300px;z-index:99999;width:355px;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid #535a65;border-left:4px solid var(--media-color,#ff8500);border-radius:9px;background:#181b21;box-shadow:0 18px 55px #000;color:#fff;opacity:.96;pointer-events:none}.drag-ghost .mini-cover{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:900}.drag-ghost div{min-width:0}.drag-ghost small,.drag-ghost b,.drag-ghost em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-ghost small{color:#ffb04c;font-size:7px;letter-spacing:.6px}.drag-ghost b{margin-top:3px;font-size:12px}.drag-ghost em{margin-top:4px;color:#9ba2ad;font-size:8px;font-style:normal}.drag-ghost-type{padding:4px 6px;border:1px solid #3a3f48;border-radius:9px;color:var(--media-color,#bbb);font-size:7px;font-weight:900}.gvl-options{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,.7fr);gap:10px 18px;margin:0 0 15px;padding:15px;border:1px solid #285c49;border-radius:8px;background:linear-gradient(135deg,#0c211a,#101713)}.gvl-options h3{margin:3px 0 6px;font-size:14px}.gvl-options p{margin:0;color:#8fa49c;font-size:9px;line-height:1.5}.gvl-options>div:first-child{grid-row:1/4}.gvl-options>small:first-child{color:#43dca7}.gvl-options label{color:#aab0b9;font-size:9px}.gvl-options .switch{display:flex;align-items:center;gap:8px}.gvl-options .switch input{accent-color:#32d49d}.gvl-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gvl-rule-grid input{display:block;width:100%;margin-top:5px;padding:7px;color:#fff;background:#090c0b;border:1px solid #315347;border-radius:5px}.gvl-limits{grid-column:1/-1;padding-top:9px;border-top:1px solid #254638;color:#82938c;font-size:8px;line-height:1.5}.compliance-result{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid #275442;background:#0b1f18;color:#3cdaa3;font-size:9px}.compliance-result span{color:#8ba198}.field-note{display:block;margin:-4px 0 11px;color:#7e8792;font-size:8px;line-height:1.5}.ai-settings select{display:block;width:100%;margin-top:7px;padding:10px;color:#fff;background:#090b0d;border:1px solid #30343c;border-radius:5px}

@media(max-width:1350px){.rundown-table th:nth-child(4),.rundown-table td:nth-child(4){display:none}.rundown-table th:nth-child(3){width:auto}.rundown-table th:nth-child(7){width:220px}.rundown-table .queue-actions button[data-move-up],.rundown-table .queue-actions button[data-move-down]{display:none}}
.external-tts-admin{margin:20px 40px;padding:18px;border:1px solid #323741;border-radius:9px;background:#111419}.external-tts-admin form{display:grid;grid-template-columns:260px minmax(320px,1fr) 150px;align-items:end;gap:12px}.external-tts-admin label{color:#939ba7;font-size:9px}.external-tts-admin input[type=text],.external-tts-admin input:not([type]){width:100%;margin-top:7px;padding:10px;color:#fff;background:#0b0e12;border:1px solid #333945;border-radius:6px}.external-tts-admin form>small{grid-column:1/-1;color:#7d8794}
.media-mini .media-row{grid-template-columns:38px minmax(0,1fr) 42px 36px 28px 28px}.pfl-button{color:#77c9ff!important;border-color:#31536b!important}.pfl-button.pfl-active{color:#071116!important;background:#55c8ff!important;border-color:#77d4ff!important;box-shadow:0 0 12px #55c8ff66}.media-mini .media-row .pfl-button{width:36px;font-size:7px;font-weight:900}

/* Global source scan progress is visible to every signed-in role. */
.source-scan-popup[hidden]{display:none!important}.source-scan-popup{position:fixed;z-index:12000;top:78px;right:22px;width:min(440px,calc(100vw - 28px));overflow:hidden;border:1px solid #4d3b25;border-radius:12px;background:linear-gradient(150deg,#191611f7,#101318f7 58%);box-shadow:0 24px 75px #000c,0 0 0 1px #ff8a0014;backdrop-filter:blur(15px);color:#e8eaee;animation:scanPopupIn .25s ease-out}.source-scan-popup>header{display:flex;align-items:center;gap:12px;padding:15px 16px 13px;border-bottom:1px solid #332d26}.source-scan-popup>header div{min-width:0}.source-scan-popup>header small,.source-scan-popup>header b{display:block}.source-scan-popup>header small{margin-bottom:4px;color:#ff9e35;font-size:7px;font-weight:900;letter-spacing:1.1px}.source-scan-popup>header b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.scan-popup-icon{position:relative;display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid #795329;border-radius:9px;background:#2c1c0d;color:#ffae4c;font-size:16px;font-weight:900}.source-scan-popup.active .scan-popup-icon i{width:14px;height:14px;border:2px solid #ffab49;border-right-color:transparent;border-radius:50%;animation:scanPopupSpin .75s linear infinite}.scan-popup-list{max-height:min(52vh,430px);overflow:auto}.scan-popup-list section{padding:13px 16px;border-bottom:1px solid #25282e}.scan-popup-source{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.scan-popup-source b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.scan-popup-source span{flex:0 0 auto;color:#969da8;font-size:8px}.scan-popup-progress{height:6px;margin:9px 0 8px;overflow:hidden;border-radius:4px;background:#292b30}.scan-popup-progress i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#ff7a00,#ffc05b);box-shadow:0 0 12px #ff8a0066;transition:width .35s ease}.scan-popup-progress.indeterminate i{width:36%!important;animation:scanPopupTravel 1.25s ease-in-out infinite}.scan-popup-meta{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-variant-numeric:tabular-nums}.scan-popup-meta span{color:#aeb3bc;font-size:9px}.scan-popup-meta strong{color:#ffbd68;font-size:9px}.scan-popup-meta em{grid-column:1/-1;color:#69717d;font-size:7px;font-style:normal}.source-scan-popup>footer{padding:10px 16px;color:#747c87;background:#0b0d10aa;font-size:7px;line-height:1.45}.source-scan-popup.complete{border-color:#246a50;background:linear-gradient(150deg,#0d251c,#101418)}.source-scan-popup.complete .scan-popup-icon{border-color:#2e8061;background:#0b2d21;color:#48e1aa}.source-scan-popup.complete>header small{color:#48e1aa}.source-scan-popup.complete>p{margin:0;padding:0 16px 15px;color:#9db3aa;font-size:9px;line-height:1.5}@keyframes scanPopupSpin{to{transform:rotate(360deg)}}@keyframes scanPopupTravel{0%{transform:translateX(-115%)}50%{transform:translateX(180%)}100%{transform:translateX(-115%)}}@keyframes scanPopupIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:650px){.source-scan-popup{top:62px;right:14px}.scan-popup-source{display:block}.scan-popup-source span{display:block;margin-top:3px}.scan-popup-meta{grid-template-columns:1fr}.scan-popup-meta strong,.scan-popup-meta em{grid-column:auto}}
.topbar>.brand{position:relative;background:url('/simone-playout-logo.svg') 16px center/142px auto no-repeat}.topbar>.brand>*{display:none}.topbar>.brand::after{content:'AUTOMATION';position:absolute;right:15px;bottom:5px;color:#9aa3af;font-size:8px;font-weight:900;letter-spacing:1.4px}.auth-brand{display:block;height:auto;margin-bottom:30px;background:none}.auth-brand>*{display:block}.auth-brand img{width:206px;height:62px;object-fit:contain;object-position:left center}.auth-brand::after{content:none}
.mix-dialog{width:min(1040px,calc(100vw - 30px));padding:24px}.mix-preview{padding:15px;background:linear-gradient(180deg,#0c0f13,#07090b)}.mix-preview canvas{height:190px;border:1px solid #313944;border-radius:8px;cursor:crosshair;touch-action:none;outline:none;box-shadow:inset 0 0 0 1px #000}.mix-preview canvas:hover{border-color:#596474}.mix-preview canvas:focus{border-color:#ff9b2f;box-shadow:0 0 0 3px #ff850022}.mix-preview canvas.dragging-marker{cursor:grabbing;border-color:#ffad32}.mix-drag-guide{display:flex;align-items:center;gap:12px;min-height:38px;padding:8px 10px;border:1px solid #272d35;border-top:0;border-radius:0 0 7px 7px;background:#0d1014;color:#aab1bc;font-size:8px}.mix-drag-guide>b{color:#ffad32;letter-spacing:.7px}.mix-drag-guide span{display:flex;align-items:center;gap:5px}.mix-drag-guide i{width:8px;height:8px;border-radius:50%;background:#999}.mix-drag-guide .cue-in{background:#6caeff}.mix-drag-guide .cue-out{background:#a86cff}.mix-drag-guide .fade{background:#ff9b2f}.mix-drag-guide .overlap{background:#d96de3}.mix-drag-guide small{margin-left:auto;color:#747d89}.mix-set-buttons{display:grid;grid-template-columns:1.35fr 1.35fr 1fr 1fr;gap:9px;margin-top:12px}.mix-set-buttons button{min-height:43px;padding:9px;font-size:9px;font-weight:900}.mix-set-buttons #mixAnalyze{grid-column:1/-1;min-height:36px;color:#ffbd65;border-color:#76502a;background:#21170e}.mix-set-buttons #mixSetIn{color:#8bc6ff;border-color:#315777;background:#0e1b28}.mix-set-buttons #mixSetOut{color:#c397ff;border-color:#5d4077;background:#1a1225}.mix-nudge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mix-nudge-grid section{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:7px;padding:9px;border:1px solid #2d333c;border-radius:8px;background:#0c0f13}.mix-nudge-grid strong{padding:0 8px;color:#9fa7b2;font-size:8px;letter-spacing:.7px}.mix-nudge-grid button{min-height:36px;padding:7px;font-size:8px}.mix-nudge-grid button:nth-of-type(2){color:#ffb65a;border-color:#6d4822}.mix-controls{margin-top:16px}.mix-controls input{min-height:43px;font-size:13px;font-weight:800}.mix-summary{font-size:11px;line-height:1.5}
@media(max-width:760px){.mix-editor{padding:8px}.mix-dialog{width:calc(100vw - 12px);padding:14px}.mix-preview canvas{height:165px}.mix-drag-guide{flex-wrap:wrap}.mix-drag-guide small{width:100%;margin:0}.mix-set-buttons{grid-template-columns:1fr 1fr}.mix-nudge-grid{grid-template-columns:1fr}.mix-controls{grid-template-columns:1fr 1fr}}

/* The global library scan can collapse into a compact persistent status bar. */
.source-scan-popup>header div{flex:1}.scan-popup-toggle{flex:0 0 auto!important;min-width:0!important;padding:6px 8px!important;border-color:#604526!important;background:#18130d!important;color:#ffb35b!important;font-size:7px!important;font-weight:900!important;letter-spacing:.5px!important}.source-scan-popup.minimized{width:min(360px,calc(100vw - 28px))}.source-scan-popup.minimized .scan-popup-list,.source-scan-popup.minimized>footer{display:none}.source-scan-popup.minimized>header{border-bottom:0}.source-scan-popup.minimized .scan-popup-icon{width:28px;height:28px;flex-basis:28px}.source-scan-popup.minimized>header b{font-size:11px}