/* Studio display: big, high contrast, readable from across the floor. Scales with --st-scale. */
.studio{--st-scale:1;position:absolute;inset:0;display:flex;flex-direction:column;background:#0c0e11;color:#fff;font-size:calc(18px * var(--st-scale));overflow:hidden}
body.shared{margin:0;background:#0c0e11}
body.shared #app{position:fixed;inset:0}
body.shared .boot{color:#8b949e;padding:40px;text-align:center;font:16px -apple-system,"Segoe UI",Roboto,sans-serif}
.studio .mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.studio .st-top{display:flex;align-items:stretch;gap:calc(14px * var(--st-scale));padding:calc(8px * var(--st-scale)) calc(14px * var(--st-scale));background:#14181d;border-bottom:2px solid #2c333b;flex-wrap:wrap}
.studio .st-clock{font-size:calc(52px * var(--st-scale));font-weight:800;line-height:1;align-self:center;letter-spacing:.02em}
.studio .st-title{display:flex;flex-direction:column;justify-content:center;min-width:0}
.studio .st-title b{font-size:calc(22px * var(--st-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio .st-title span{color:#8b949e;font-size:calc(13px * var(--st-scale))}
.studio .st-title .live{color:#ff6b6b;font-weight:800;animation:stblink 1.2s steps(1) infinite}
@keyframes stblink{50%{opacity:.35}}
.studio .st-cells{display:flex;gap:calc(6px * var(--st-scale));margin-left:auto;flex-wrap:wrap}
.studio .cell{background:#1d2126;border:1px solid #2c333b;border-radius:8px;padding:calc(6px * var(--st-scale)) calc(12px * var(--st-scale));min-width:calc(120px * var(--st-scale));display:flex;flex-direction:column;justify-content:center}
.studio .cell small{font-size:calc(10px * var(--st-scale));text-transform:uppercase;letter-spacing:.1em;color:#8b949e;font-weight:700}
.studio .cell b{font-size:calc(24px * var(--st-scale));line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(320px * var(--st-scale))}
.studio .cell span{font-size:calc(12px * var(--st-scale));color:#8b949e}
.studio .cell.air{background:#3b1414;border-color:#7a2b2b}.studio .cell.air b{color:#ff8a80}
.studio .cell.next{background:#122a1c;border-color:#2b7a4a}.studio .cell.next b{color:#7ee2a4}
.studio .ou.over{color:#ff6b6b}.studio .ou.under{color:#2fbf71}.studio .ou.zero{color:#8b949e}
.studio .st-list{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
.studio .st-pad{height:60vh}
.studio .st-block{display:flex;align-items:center;gap:calc(12px * var(--st-scale));background:#252a31;padding:calc(6px * var(--st-scale)) calc(14px * var(--st-scale));font-weight:800;border-top:2px solid #3a424c;border-bottom:1px solid #3a424c;font-size:calc(16px * var(--st-scale))}
.studio .st-block .letter{background:#4f8cff;border-radius:6px;padding:2px calc(12px * var(--st-scale));font-family:ui-monospace,Menlo,Consolas,monospace}
.studio .st-block .sp{flex:1}
.studio .st-block .mono{color:#b8c0c8;font-weight:600;font-size:calc(14px * var(--st-scale))}
.studio .st-row{display:grid;grid-template-columns:calc(70px * var(--st-scale)) 1fr calc(110px * var(--st-scale)) calc(180px * var(--st-scale)) calc(120px * var(--st-scale)) calc(100px * var(--st-scale)) calc(110px * var(--st-scale));align-items:center;gap:calc(10px * var(--st-scale));padding:calc(7px * var(--st-scale)) calc(14px * var(--st-scale));border-bottom:1px solid #1e2329;background:#15181c;min-height:calc(46px * var(--st-scale))}
.studio .st-row:nth-child(even){background:#181c21}
.studio .st-row .pg{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;color:#8b949e;font-size:calc(20px * var(--st-scale))}
.studio .st-row .slug{font-weight:800;font-size:calc(21px * var(--st-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio .st-row .cues{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.studio .st-row .cue{font:600 calc(11px * var(--st-scale))/1.3 ui-monospace,Menlo,Consolas,monospace;color:#7fb4ff;border:1px solid #7fb4ff;border-radius:4px;padding:1px 6px;text-transform:uppercase}
.studio .st-row .cue.k-gfx{color:#c9a3ff;border-color:#c9a3ff}.studio .st-row .cue.k-video{color:#8ee29b;border-color:#8ee29b}.studio .st-row .cue.k-audio{color:#ffd166;border-color:#ffd166}.studio .st-row .cue.k-mos{color:#4fd1e0;border-color:#4fd1e0}
.studio .st-row .script{margin-top:6px;color:#c9d1d9;font-size:calc(15px * var(--st-scale));white-space:normal;line-height:1.35}
.studio .st-row .script p{margin:0 0 4px}.studio .st-row .script p.sot,.studio .st-row .script p.pkg{color:#ffb347;font-style:italic}.studio .st-row .script p.note{color:#8b949e;font-size:.85em}
.studio .st-row .tag{display:inline-block;padding:1px 8px;border-radius:4px;font-size:calc(11px * var(--st-scale));font-weight:800;background:#3a424c;color:#fff;vertical-align:middle}
.studio .st-row .tag.type{text-transform:uppercase}.studio .st-row .tag.hit{background:#5a3a10;color:#ffd27f}
.studio .st-row .an{color:#c9d1d9;font-size:calc(15px * var(--st-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio .st-row .du,.studio .st-row .bk{font-size:calc(20px * var(--st-scale));font-weight:700;text-align:right}
.studio .st-row .du small{display:block;font-size:calc(12px * var(--st-scale));font-weight:600}
.studio .st-row .stt{text-align:right}
.studio .st-row .st{display:inline-block;padding:2px 8px;border-radius:4px;font-size:calc(11px * var(--st-scale));font-weight:800;text-transform:uppercase}
.studio .st-draft{background:#3a3f47;color:#c9d1d9}.studio .st-ready{background:#1d4a30;color:#7ee2a4}.studio .st-approved{background:#1f3d6b;color:#9cc4ff}.studio .st-aired{background:#2a2f36;color:#8b949e}.studio .st-hold{background:#5a3a10;color:#ffd27f}
.studio .st-row.float{opacity:.5}.studio .st-row.float .slug{font-style:italic}
.studio .st-row.killed{opacity:.35;text-decoration:line-through}
.studio .st-row.aired{opacity:.55}
.studio .st-row.break{background:#22262c;color:#8b949e}
.studio .st-row.next{background:#122a1c;box-shadow:inset 6px 0 0 #2fbf71}
.studio .st-row.onair{background:#4a1515!important;box-shadow:inset 8px 0 0 #e5322d;opacity:1;text-decoration:none}
.studio .st-row.onair .slug:before{content:"● ";color:#ff6b6b;animation:stblink 1.2s steps(1) infinite}
.studio .st-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#101317;border-top:1px solid #2c333b;flex-wrap:wrap;transition:transform .25s}
.studio.hidebar .st-bar{transform:translateY(calc(100% - 5px))}
.studio .st-bar button{background:#2c333b;color:#e6e9ec;border:1px solid #3d4650;border-radius:6px;padding:7px 12px;font:600 13px -apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;min-height:36px}
.studio .st-bar button.tog.on{background:#4f8cff;border-color:#4f8cff;color:#fff}
.studio .st-bar .hint{margin-left:auto;color:#5c6672;font-size:11px}
@media (max-width:900px){
  .studio{font-size:calc(15px * var(--st-scale))}
  .studio .st-clock{font-size:calc(34px * var(--st-scale))}
  .studio .st-cells{margin-left:0;width:100%}
  .studio .cell{min-width:calc(90px * var(--st-scale));flex:1}
  .studio .st-row{grid-template-columns:calc(48px * var(--st-scale)) 1fr calc(70px * var(--st-scale)) calc(70px * var(--st-scale))}
  .studio .st-row .ty,.studio .st-row .an,.studio .st-row .stt{display:none}
  .studio .st-row .slug{font-size:calc(17px * var(--st-scale))}
  .studio .st-bar .hint{display:none}
}
@media (prefers-reduced-motion:reduce){.studio .st-list{scroll-behavior:auto}}
.studio .st-row .script .instr{color:#8b949e;font-style:italic}