/* Authoritative reference: final-visual-refinement-v1.png (1536 × 1024).
   Cropped CSS viewports below show decorative skyline/microphone pixels only;
   all text, controls, meters, artwork and activity are live DOM elements. */
body:has(#view-studio:not([hidden])){background:#030708}
body:has(#view-studio:not([hidden])) header{height:62px;border-bottom:1px solid #ed0036;background:linear-gradient(110deg,#10171b,#020608 85%);padding:6px 14px;gap:17px}
body:has(#view-studio:not([hidden])) header .brand{width:48px;min-width:48px;height:48px}
body:has(#view-studio:not([hidden])) header .station-name{font-size:18px;letter-spacing:1px}
body:has(#view-studio:not([hidden])) header .station-name small{font-size:9px;letter-spacing:1.6px}
body:has(#view-studio:not([hidden])) header .environment{margin-left:auto;border:1px solid #e00033;border-radius:4px;padding:5px 8px;color:#ff3154;font-size:9px;letter-spacing:.4px}
body:has(#view-studio:not([hidden])) .shell{grid-template-columns:170px minmax(0,1fr)}
body:has(#view-studio:not([hidden])) .shell>aside{top:62px;height:calc(100vh - 62px);isolation:isolate;overflow:hidden;background:#04090c}
body:has(#view-studio:not([hidden])) .shell>aside::after{content:'';position:absolute;bottom:0;left:0;width:169px;height:clamp(0px,calc(100vh - 540px),464px);background:linear-gradient(#04090c,transparent 18%),url('/studio-visual-reference.png') 0 -560px/1536px 1024px no-repeat;z-index:-1;pointer-events:none}
body:has(#view-studio:not([hidden])) .shell>aside nav button{font-size:12px;padding:14px 13px;border-radius:0 5px 5px 0}
body:has(#view-studio:not([hidden])) .shell>aside nav button.active{background:linear-gradient(90deg,#e6002e,#8c001c);border:1px solid #ec153c;color:#fff}
body:has(#view-studio:not([hidden])) .shell>main{padding:10px 12px}
body.sidebar-collapsed:has(#view-studio:not([hidden])) .shell{grid-template-columns:58px minmax(0,1fr)}
.approved-studio{font-family:Arial,Helvetica,sans-serif;font-size:12px;max-width:1700px}
.studio-glyph{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:middle}
#navigation .studio-glyph{width:17px;height:17px}
.approved-studio #go-live,.approved-studio #end-live,.approved-studio #init-audio,.approved-studio .cue-button{display:flex;align-items:center;justify-content:center;gap:12px}
.approved-studio #go-live .studio-glyph,.approved-studio #end-live .studio-glyph{width:25px;height:25px}
.approved-studio #end-live .studio-glyph path{fill:currentColor;stroke-width:0}
.approved-studio #request-overtime{display:grid;grid-template-columns:28px auto;grid-template-rows:1fr 1fr;column-gap:13px;row-gap:2px;align-content:center;justify-content:center;padding:7px 12px}
.approved-studio #request-overtime>.studio-glyph{grid-column:1;grid-row:1/3;width:25px;height:25px}.approved-studio #request-overtime>span{grid-column:2;grid-row:1;align-self:end}.approved-studio #request-overtime>small{grid-column:2;grid-row:2;align-self:start}
.approved-studio .deck-controls .studio-glyph{width:18px;height:18px}.approved-studio .transport-play .studio-glyph{width:25px;height:25px}.approved-studio .transport-play .studio-glyph path{fill:currentColor;stroke-width:0}
.approved-studio .library-actions .studio-glyph{width:18px;height:18px}.approved-studio .studio-queue li>button .studio-glyph{width:15px;height:15px}
.approved-studio .countdown-units{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,310px);font-size:8px;letter-spacing:.4px;color:#c1cdd6;line-height:1.5;margin-top:1px}
.approved-studio .mic-level meter::-webkit-meter-bar,.approved-studio .deck-fader meter::-webkit-meter-bar{background:#02080b;border:1px solid #293e4a}
.approved-studio .mic-level meter::-webkit-meter-optimum-value,.approved-studio .deck-fader meter::-webkit-meter-optimum-value{background:linear-gradient(0deg,#24ed73,#d8e248 75%,#f51a45)}
.approved-studio .panel{background:linear-gradient(120deg,#0b1216,#020709 80%);border:1px solid #46535b;border-radius:7px;box-shadow:inset 0 1px #ffffff07}
.approved-studio .panel,.approved-studio .studio-banner,.approved-studio .approved-broadcast-controls{box-sizing:border-box}
.approved-studio .studio-banner{min-height:172px;grid-template-columns:148px minmax(0,1fr) minmax(330px,450px) 170px;gap:24px;padding:14px 18px;margin-bottom:8px;border:1px solid #56636d;background:linear-gradient(100deg,#0c141a,#030709 75%)}
.approved-studio .show-art{height:142px;width:148px;border-color:#71808a;background:#020608;align-self:center}
.approved-studio .show-summary{position:relative;align-content:center;gap:4px 8px;min-height:142px;grid-template-columns:auto minmax(0,1fr)}
.approved-studio .show-summary::before{content:'';position:absolute;right:-16px;top:50%;width:142px;height:160px;transform:translateY(-50%);background:url('/studio-visual-reference.png') -730px -75px/1536px 1024px no-repeat;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%,transparent);pointer-events:none;opacity:.9}
.approved-studio .show-summary>*{position:relative;z-index:1}.approved-studio .show-summary h2{font-size:22px;line-height:1.2;max-width:380px;text-shadow:0 2px 3px #000}
.approved-studio .show-summary>.badge{font-size:10px;padding:4px 7px;border:1px solid #c71c3d;background:linear-gradient(#960c27,#4c0515)}
.approved-studio #studio-host{font-size:14px}.approved-studio #studio-window{font-size:12px;letter-spacing:.15px}.approved-studio .show-selector{font-size:0;gap:0;justify-content:flex-start}.approved-studio .show-selector select{font-size:11px;padding:4px 7px;max-width:245px}
.approved-studio #set-episode-title{position:absolute;right:0;top:0;font-size:9px!important;padding:3px 6px!important}.approved-studio #studio-episode-title:empty{display:none}
.approved-studio .preparation-card{border:1px solid #fa0739;background:radial-gradient(ellipse at center,#29040e,#07090b 80%);box-shadow:none;min-height:142px;border-radius:7px;padding:8px 12px;justify-content:center}
.approved-studio #studio-countdown-label{font-size:14px;letter-spacing:.4px}.approved-studio #studio-countdown{font-size:58px;line-height:1.1;letter-spacing:1px;font-weight:800}
.approved-studio #studio-preparation-detail{font-size:10px;line-height:1.35;max-width:390px;margin-top:7px;color:#d3dce2}
.approved-studio .studio-status{padding-left:0;border:0;display:grid;grid-template-columns:1fr 1fr;align-content:center;align-items:center;gap:13px 9px}
.approved-studio #studio-wall-clock{font-size:11px;line-height:1.7}.approved-studio #studio-on-air{font-size:9px;padding:7px;text-align:center}
.approved-studio #init-audio{grid-column:1/-1;min-height:43px;font-size:12px;width:100%;background:linear-gradient(#26323a,#111a20);border-color:#61737f}
.approved-studio .approved-broadcast-controls{padding:8px 14px 10px;gap:6px 10px;grid-template-columns:1.05fr 1fr 1fr .85fr;margin-bottom:7px;min-height:90px}
.approved-studio .approved-broadcast-controls>h2{font-size:11px;line-height:12px;margin:0}
.approved-studio .approved-broadcast-controls #go-live,.approved-studio .approved-broadcast-controls #end-live,.approved-studio #request-overtime{height:49px;font-size:14px;border-radius:6px}
.approved-studio .approved-broadcast-controls #go-live:disabled{background:linear-gradient(#26323a,#101920);border-color:#61727d;color:#cbd6dd;opacity:1}
.approved-studio #request-overtime:disabled{background:linear-gradient(#202c33,#0b1217);border-color:#43545f;opacity:1;font-weight:400}
.approved-studio #end-live{background:linear-gradient(#fd0a3c,#a00025);border-color:#ed1641}.approved-studio #end-live:disabled{opacity:.5}
.approved-studio .live-status-panel{display:flex;flex-direction:column;border-left:1px solid #34434c;padding-left:17px;margin:0;height:49px;min-height:0;gap:3px;text-align:center;justify-content:center;align-content:center}.approved-studio .live-status-panel h2{font-size:11px;line-height:1.25}.approved-studio #studio-elapsed{font-size:10px;line-height:1.2}.approved-studio #studio-link-health{font-size:10px;line-height:1.25;color:#44f37b}
.approved-studio .studio-main-row{grid-template-columns:minmax(0,1.37fr) minmax(210px,.8fr) minmax(0,1.27fr) minmax(220px,.9fr);gap:8px;align-items:stretch}
.approved-studio .deck{padding:10px 13px;grid-template-columns:minmax(0,1fr) 31px;grid-template-rows:34px 82px 60px 5px 44px;gap:8px;min-height:300px}
.approved-studio .deck-heading{padding-bottom:8px;gap:12px}.approved-studio .deck-letter{font-size:21px;border:1px solid #ff2853;padding:5px 12px;line-height:1}.approved-studio [data-deck=b] .deck-letter{border-color:#1ca4ff;background:linear-gradient(#087eff,#003e9b)}
.approved-studio .deck-source{font-size:12px;letter-spacing:.3px}.approved-studio .deck-state{font-size:10px;padding:5px 8px;letter-spacing:.3px}
.approved-studio .deck-track{grid-row:2;gap:12px;min-height:0}.approved-studio .deck-art{width:77px;height:77px;flex-basis:77px;background:#020608;border-color:#5d6b75}.approved-studio .deck-track h2{font-size:15px;line-height:1.3;margin-bottom:7px}.approved-studio .deck-track p{font-size:11px;margin-bottom:8px}.approved-studio .timecode{font-size:12px}
.approved-studio .deck canvas{grid-row:3;height:60px;border:1px solid #35454e;border-radius:5px;background:#03090d}
.approved-studio .deck progress{grid-row:4;height:4px}.approved-studio .deck-controls{grid-row:5;gap:7px;flex-wrap:nowrap;align-items:center;padding:0}.approved-studio .deck-controls button{height:38px;min-height:38px;min-width:35px;font-size:15px;padding:7px}
.approved-studio .deck-controls .transport-play{width:49px;height:49px;min-height:49px;flex:0 0 49px;font-size:24px;background:linear-gradient(#f11645,#a70028);box-shadow:0 0 13px #a0002444}.approved-studio .deck-controls .cue-button{font-size:12px;min-width:66px}.approved-studio .deck-controls .load-track{font-size:9px;line-height:1.3;max-width:60px}
.approved-studio .deck-controls [id^=queue-load]{font-size:9px;min-width:33px;padding:5px}
.approved-studio .deck-fader{grid-row:2/6;display:grid;grid-template-columns:18px 9px;align-content:start;gap:3px;padding:0}.approved-studio .deck-fader label{grid-column:1;gap:5px}.approved-studio .deck-fader output{font-size:11px}.approved-studio .deck-fader input{height:115px;width:18px;accent-color:#fa1646}.approved-studio .deck-fader meter{grid-column:2;grid-row:1;margin-top:25px;width:8px;height:115px;writing-mode:vertical-lr;direction:rtl;border:1px solid #26343c;border-radius:2px}
.approved-studio .microphone-panel{position:relative;padding:10px 14px;gap:4px;min-height:300px;background:linear-gradient(130deg,#0e161b,#020709)}
.approved-studio .microphone-panel .panel-heading{padding:0;border:0;margin:0 0 5px}.approved-studio .microphone-panel h2{font-size:12px}
.approved-studio .microphone-panel .talk-button{width:116px;height:116px;min-height:116px;flex:0 0 116px;align-self:center;margin:0 12px 5px 0;background:radial-gradient(ellipse at 50% 20%,#6e0926,#290310 70%);border:3px solid #ff2954;box-shadow:0 0 0 4px #280b16,0 0 18px #ec0c4380;border-radius:50%}
.approved-studio .talk-button b{font-size:19px;font-weight:700;letter-spacing:.8px}.approved-studio .talk-button svg{width:31px;height:34px;color:#ff466c}.approved-studio .talk-button small{font-size:9px}.approved-studio .talk-button[aria-pressed=true]{background:radial-gradient(#b21740,#3d0617);border-color:#ff6887}
.approved-studio .mic-gain-control,.approved-studio .duck-strength-control{font-size:11px!important;gap:2px!important;line-height:1.3}.approved-studio .mic-gain-control input,.approved-studio .duck-strength-control input{height:13px;margin:0}.approved-studio #mic-volume-value,.approved-studio #duck-strength-value{font-size:10px}
.approved-studio .quick-duck{padding:3px 0;border:0;font-size:11px!important;min-height:22px}.approved-studio #duck-state{border:1px solid #ff4165;border-radius:12px;padding:3px 8px;background:#9f0029;color:#fff;min-width:42px;text-align:center;line-height:1}
.approved-studio .microphone-panel:has(#duck-enabled:not(:checked)) #duck-state{background:#26323b;border-color:#647580;color:#dae2e8}
.approved-studio .microphone-panel .mic-level{position:absolute;top:37px;right:13px;width:11px;height:114px!important;padding:0;margin:0}.approved-studio .mic-level meter{width:11px;height:114px!important;writing-mode:vertical-lr;direction:rtl;background:#020608;border-color:#35414a}
.approved-studio .audio-settings{margin:3px 0 0;border:1px solid #394a55;border-radius:4px;padding:0 6px;font-size:11px}.approved-studio .audio-settings summary{font-size:11px;line-height:15px;padding:6px 0;color:#e5edf2}.approved-studio .audio-settings>small{font-size:10px;line-height:1.5;color:#bfccd6}.approved-studio .audio-settings #mute-mic{margin-top:7px}
.approved-studio .studio-now-card{padding:10px 11px}.approved-studio .studio-now-card>h2{font-size:12px;margin-bottom:9px;flex-wrap:nowrap}.approved-studio #studio-program-badge{font-size:8px;letter-spacing:.4px;padding:4px 6px;white-space:normal;text-align:center}
.approved-studio .now-cover{width:77px;height:77px;flex-basis:77px;background:#020709}.approved-studio .now-track{gap:10px;flex-wrap:nowrap}.approved-studio .now-track h3{font-size:14px;line-height:1.4;margin:7px 0}.approved-studio .now-track p{font-size:10px;line-height:1.4}.approved-studio .now-progress{margin-top:10px;padding-top:7px;font-size:9px;line-height:1.5}.approved-studio .up-next{margin-top:18px;padding-top:10px;gap:7px}.approved-studio .up-next h2{font-size:10px}.approved-studio .up-next strong{font-size:11px}.approved-studio .up-next small{font-size:9px}
.approved-studio>.crossfade{margin:5px auto 7px;padding:4px 12px;min-height:29px;width:50%;border-radius:5px}.approved-studio .crossfade-control{max-width:none!important;gap:17px}.approved-studio .crossfade-control span{font-size:18px}.approved-studio .crossfade-control span:last-child{color:#168eff}.approved-studio #crossfade{height:12px;accent-color:#e8edf1}.approved-studio #program-meter{width:20px;height:5px}
.approved-studio #audio-status{font-size:9px;line-height:1.35;padding:3px 7px;margin:2px 0 5px;min-height:0}
.approved-studio .studio-lower-row{grid-template-columns:minmax(0,1.52fr) minmax(0,1.53fr) minmax(245px,1.09fr);gap:9px;align-items:start}
.approved-studio .studio-lower-row>.panel{padding:9px 11px;min-height:310px}.approved-studio .panel-heading h2{font-size:12px;letter-spacing:.2px}
.approved-studio .music-tabs{gap:4px}.approved-studio .music-tabs>button{padding:8px 6px;min-height:36px;font-size:11px;border-radius:5px}.approved-studio .music-tabs>button[aria-pressed=true]{background:linear-gradient(#ff0a3a,#b00026);border-color:#f72a51}
.approved-studio .library-toolbar{margin:7px 0 4px}.approved-studio .library-toolbar input{height:34px;font-size:11px;padding:8px 10px}.approved-studio .library-toolbar .badge{font-size:7px;padding:3px}.approved-studio .library-tools{font-size:9px;padding:3px 0 4px;margin-bottom:3px}.approved-studio #library-status{font-size:8px;margin:2px 0 4px}.approved-studio .library-table thead{display:none}.approved-studio .library-table td:nth-child(2){display:none}.approved-studio .library-table{table-layout:auto;border-collapse:separate;border-spacing:0 4px;width:100%}
.approved-studio .library-table td{background:linear-gradient(#101b22,#061015);border-top:1px solid #233741;border-bottom:1px solid #233741;padding:6px 4px}.approved-studio .library-table td:first-child{border-left:1px solid #233741;border-radius:4px 0 0 4px}.approved-studio .library-table td:last-child{border-right:1px solid #233741;border-radius:0 4px 4px 0}
.approved-studio .track-tile{width:39px;height:39px;flex:0 0 39px;border-color:#435761;background:#020608}.approved-studio .track-tile img{width:100%;height:100%;object-fit:contain}.approved-studio .library-track-copy strong{font-size:11px;line-height:1.35}.approved-studio .library-track-copy small{font-size:9px}.approved-studio .library-actions{white-space:nowrap}.approved-studio .library-actions>button{height:31px;min-height:31px;min-width:29px;padding:5px;margin:1px;border-radius:5px;font-size:13px}
.approved-studio .library-actions>button:first-child{background:linear-gradient(#f61a43,#a00027);border-color:#fd2750}.approved-studio .library-actions>button:nth-child(2){background:linear-gradient(#168dff,#0050b1);border-color:#1d9cff}.approved-studio .library-actions>button:nth-child(3){background:linear-gradient(#344851,#14252e);font-size:14px}
.approved-studio .track-more summary{height:30px;min-width:26px;padding:6px 4px}.approved-studio .track-more[open]{display:block}.approved-studio .library-track-name{gap:8px;min-width:0}
.approved-studio .studio-queue .panel-heading{gap:8px;margin-bottom:6px}.approved-studio .studio-queue .panel-heading h2{margin-right:auto}.approved-studio .studio-queue .panel-heading button{font-size:10px;padding:5px 8px;min-height:26px}
.approved-studio .queue-top-controls{display:flex;flex-direction:column;gap:4px}.approved-studio .queue-top-controls .queue-controls{display:flex;flex-wrap:wrap;gap:4px;width:100%}.approved-studio .queue-controls button{font-size:9px;padding:6px;min-height:28px}.approved-studio .queue-auto{display:flex!important;align-items:center;flex-direction:row;gap:5px;min-height:28px;padding:4px 7px;background:linear-gradient(#f91946,#980021);border:1px solid #e51a44;border-radius:5px;font-size:10px;white-space:nowrap}
.approved-studio #queue-auto{accent-color:#fff;width:14px;height:14px;margin:0}.approved-studio #queue-now{font-size:9px!important;margin:0!important;padding:0!important;border:0!important;line-height:1.3!important}
.approved-studio .studio-queue ol{height:222px;max-height:222px;margin:5px 0 0;gap:0;list-style:none;overflow-y:auto}.approved-studio .studio-queue li{display:grid;grid-template-columns:17px 28px minmax(0,1fr) auto 26px 25px;align-items:center;gap:5px;min-height:37px;flex:0 0 37px;padding:3px 4px;position:relative;background:linear-gradient(100deg,#111e26,#050c11);border-left:0;border-bottom:1px solid #283a45;overflow:visible}
.approved-studio .studio-queue li:first-child{border-left:0;background:linear-gradient(90deg,#1e2430,#070d13)}
.approved-studio .studio-queue li .queue-number{grid-column:1;grid-row:1;padding:0;width:auto;font-size:10px;text-align:center;color:#b9c9d5;display:block}.approved-studio .studio-queue li .queue-drag-handle{left:0;top:8px;font-size:15px;width:17px;opacity:0}.approved-studio .studio-queue li:hover .queue-drag-handle{opacity:1}.approved-studio .studio-queue li:hover .queue-number{opacity:0}
.approved-studio .queue-art{grid-column:2;grid-row:1;width:28px;height:28px;object-fit:contain!important;border:1px solid #3b4b55;border-radius:3px}
.approved-studio .queue-copy{grid-column:3;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:3px}.approved-studio .studio-queue li .queue-track-title{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;max-width:100%}.approved-studio .studio-queue li .queue-copy small{font-size:8px;line-height:1.2;white-space:nowrap;padding:0}
.approved-studio .queue-position{grid-column:4;grid-row:1;position:static;font-size:7px;letter-spacing:.15px;white-space:nowrap;padding:4px 5px;border-radius:3px;background:#2b3d49;color:#d8e6ef}.approved-studio .queue-position:empty{display:none}.approved-studio .studio-queue li:first-child .queue-position{background:#3d1726;color:#ff8da5}
.approved-studio .studio-queue li>button{grid-column:5;grid-row:1;font-size:13px;width:26px;height:26px;padding:2px}.approved-studio .queue-more{grid-column:6;grid-row:1;position:relative;font-size:10px}.approved-studio .queue-more summary{list-style:none;cursor:pointer;text-align:center;padding:6px 2px;border:1px solid #405461;border-radius:4px;background:linear-gradient(#2e404b,#101e28)}
.approved-studio .queue-more[open]{z-index:5}.approved-studio .queue-more[open]>button{display:block;background:#16232d;border:1px solid #617786;font-size:12px;min-width:30px;min-height:27px;margin-top:2px;position:relative;z-index:5}
.approved-studio .studio-support{gap:8px}.approved-studio .studio-support>.panel{padding:9px 11px}.approved-studio .studio-inbox,.approved-studio .call-status{border-color:#455762}.approved-studio .studio-inbox .panel-heading h2,.approved-studio .call-status h2{font-size:12px;letter-spacing:.1px}.approved-studio .studio-inbox .badge{font-size:9px;padding:5px 8px}.approved-studio .studio-inbox .panel-heading{gap:7px;flex-wrap:nowrap;margin-bottom:8px}
.approved-studio .studio-inbox p,.approved-studio .call-status p{font-size:10px;line-height:1.5;margin:5px 0 9px}.approved-studio #studio-open-lounge,.approved-studio #studio-open-calls{height:37px;min-height:37px;font-size:11px;margin-top:2px;border-radius:5px}.approved-studio #studio-open-lounge{background:linear-gradient(#e20b3a,#920025);border:1px solid #e72e55;font-weight:600}.approved-studio #studio-open-calls{background:linear-gradient(#2c3b45,#14232d);border-color:#71818b}.approved-studio .call-status .badge{font-size:8px;padding:3px 5px}
.approved-studio .studio-monitoring{font-size:11px}.approved-studio .studio-monitoring summary{line-height:1.5}.approved-studio .saved-playlists{margin-top:8px;font-size:10px}
@media(max-width:1300px){.approved-studio .studio-banner{grid-template-columns:115px minmax(0,1fr) minmax(270px,.95fr) 135px;gap:14px}.approved-studio .show-art{width:115px;height:126px}.approved-studio #studio-countdown{font-size:48px}.approved-studio .show-summary h2{font-size:19px}.approved-studio .studio-main-row{grid-template-columns:minmax(0,1.3fr) 205px minmax(0,1.25fr) 205px}.approved-studio .deck{padding:10px 9px}.approved-studio .deck-art{width:57px;height:65px;flex-basis:57px}.approved-studio .deck-track{gap:8px}.approved-studio .deck-track h2{font-size:12px}.approved-studio .deck-controls{gap:4px}.approved-studio .deck-controls button{min-width:29px;padding:5px}.approved-studio .deck-controls .cue-button{min-width:48px;font-size:10px}.approved-studio .deck-controls .transport-play{width:42px;height:42px;min-height:42px;flex-basis:42px}.approved-studio .deck-controls [id^=queue-load]{font-size:8px;min-width:27px}.approved-studio .studio-lower-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.45fr) 245px}.approved-studio .library-track-copy strong{font-size:10px}.approved-studio .library-actions>button{min-width:25px;padding:4px}.approved-studio .track-tile{width:32px;height:36px;flex-basis:32px}}
@media(max-width:1150px){body:has(#view-studio:not([hidden])) .shell{grid-template-columns:58px minmax(0,1fr)}body.sidebar-expanded:has(#view-studio:not([hidden])) .shell{grid-template-columns:176px minmax(0,1fr)}.approved-studio .studio-main-row{grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr)}.approved-studio .studio-now-card{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.approved-studio .studio-now-card>h2{grid-column:1/-1}.approved-studio .now-track{grid-row:2;grid-column:1}.approved-studio .now-progress{grid-row:3;grid-column:1}.approved-studio .up-next{grid-row:2/4;grid-column:2;margin:0;padding:0;border:0}.approved-studio .studio-lower-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.approved-studio .studio-support{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.approved-studio .studio-monitoring{grid-column:1/-1}.approved-studio .studio-banner{grid-template-columns:95px minmax(0,1fr) minmax(260px,.9fr)}.approved-studio .show-art{width:95px;height:112px}.approved-studio .studio-status{grid-column:1/-1;display:flex;justify-content:space-between}.approved-studio #init-audio{width:auto;min-height:32px}.approved-studio .approved-broadcast-controls{grid-template-columns:1fr 1fr 1fr}.approved-studio .live-status-panel{grid-column:1/-1;flex-direction:row;border:0;padding:0;justify-content:space-between}.approved-studio .show-summary::before{opacity:.45}}
@media(max-width:740px){body:has(#view-studio:not([hidden])) header .station-name{font-size:13px}.approved-studio .studio-banner{grid-template-columns:77px minmax(0,1fr);gap:12px}.approved-studio .show-art{width:77px;height:100px}.approved-studio .preparation-card{grid-column:1/-1;min-height:110px}.approved-studio .studio-status{flex-wrap:wrap}.approved-studio .studio-main-row{grid-template-columns:1fr 1fr}.approved-studio .microphone-panel{grid-column:1/-1;grid-row:1;display:flex;min-height:0}.approved-studio [data-deck=a]{grid-row:2;grid-column:1}.approved-studio [data-deck=b]{grid-row:2;grid-column:2}.approved-studio .studio-now-card{grid-row:3}.approved-studio .microphone-panel .talk-button{width:116px!important;height:116px!important;min-height:116px!important}.approved-studio .studio-lower-row{grid-template-columns:1fr}.approved-studio .studio-support{grid-column:1;display:flex}.approved-studio .studio-monitoring{grid-column:auto}.approved-studio .deck-source{font-size:10px}.approved-studio .deck-art{display:none}.approved-studio .deck-controls{flex-wrap:wrap}.approved-studio>.crossfade{width:85%}}

body:has(#view-studio:not([hidden])) .sidebar-footer{position:absolute;top:415px;bottom:auto;left:13px;right:8px;font-size:10px;line-height:2;letter-spacing:1.5px;z-index:1}
.approved-studio .show-summary #studio-host{display:block}