/* Shared program appearance */
.studio-visuals{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.studio-visuals>*{position:absolute}.sv-logo{width:9%;max-height:20%;object-fit:contain;top:4%;right:4%;background:#fff;border-radius:12px;padding:1%}.sv-logo[data-position="top-left"]{left:4%;right:auto}.sv-logo[data-position="bottom-left"]{left:4%;right:auto;top:auto;bottom:4%}.sv-logo[data-position="bottom-right"]{top:auto;bottom:4%}.sv-banner{left:4%;right:4%;bottom:7%;padding:2%;background:var(--studio-brand);color:white;font-size:clamp(14px,2.5vw,44px);font-weight:700;border-radius:12px;white-space:pre-wrap}.sv-qr{right:3%;bottom:4%;background:white;color:#17132a;border-radius:12px;padding:1%;width:18%;display:grid;text-align:center;font-size:clamp(9px,1vw,20px)}.sv-qr img{width:100%;image-rendering:pixelated}.sv-countdown{inset:30% 10%;display:grid;place-content:center;text-align:center;background:#111322ed;color:white;font-size:clamp(22px,5vw,80px);border-radius:22px;white-space:pre-wrap}.sv-slide{inset:0;width:100%;height:100%;object-fit:contain;background:#101323}.sv-slide[data-layout="presentation"]{width:76%}.sv-clip{inset:0;width:100%;height:100%;object-fit:contain;background:#101323}.sv-logo,.sv-banner,.sv-qr,.sv-countdown{z-index:3}.sv-clip{z-index:4}.sv-slide{z-index:0}[data-fade="true"] .studio-visuals>*{animation:studioFade .3s ease}@keyframes studioFade{from{opacity:0}to{opacity:1}}
[data-names="false"] .name{display:none}[data-theme="bubble"] .name{border-radius:99px;background:var(--studio-brand)}[data-theme="block"] .name{left:0;bottom:0;border-radius:0;background:var(--studio-brand)}[data-theme="minimal"] .name{background:transparent;text-shadow:0 2px 5px #000}[data-theme="classic"] .name{border-left:4px solid var(--studio-brand)}[data-text-size="small"] .name{font-size:16px}[data-text-size="large"] .name{font-size:30px}[data-camera-shape="circle"] .tile:not(.screen){border-radius:50%}[data-camera-shape="square"] .tile:not(.screen){border-radius:0}
/* Operator workspace */
.studio-body:has(.studio-command){grid-template-columns:minmax(0,1fr) 390px}.studio-command{display:flex;flex-direction:column;gap:12px;min-width:0}.studio-command .wk-program-preview{width:100%;aspect-ratio:16/9;height:auto;min-height:240px;position:relative;background:#111322;border:1px solid #dad6e5;border-radius:18px;overflow:hidden}.studio-command iframe{width:100%;height:100%;border:0}.studio-source-strip{display:flex!important;gap:12px!important;min-height:0!important;height:130px;overflow:auto;grid-template-columns:none!important}.studio-source-strip>.tile{flex:0 0 200px;min-height:110px;height:120px;font-size:14px}.studio-source-strip .avatar{width:40px;height:40px;font-size:18px}.studio-rail{display:flex;gap:5px;overflow-x:auto;padding:10px 0}.studio-rail button{white-space:nowrap;border:1px solid #e1dcec;border-radius:10px;background:white;padding:9px 12px;font:inherit;font-size:12px;color:#514766}.studio-rail button.active{background:#6235dd;color:white}.studio-layouts{display:flex;gap:8px;flex-wrap:wrap}.studio-layouts button{border:1px solid #dcd5e9;background:white;border-radius:10px;padding:8px;color:#514766;min-width:70px;cursor:pointer}.studio-layouts button[aria-pressed="true"]{border:2px solid #6235dd;color:#6235dd;background:#f4efff}.studio-layout-thumb{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:44px;height:25px;margin:0 auto 4px}.studio-layout-thumb i{background:currentColor;opacity:.6;border-radius:2px}.studio-stage-heading{display:flex;align-items:center;justify-content:space-between}.studio-stage-heading strong{font-size:13px;letter-spacing:.08em}.studio-deck-preview{width:100%;max-height:280px;object-fit:contain;background:#101323}.studio-tool-panel[hidden]{display:none}.studio-tool-panel{display:flex;flex-direction:column;gap:14px}.studio-tool-panel h3{margin:8px 0}.studio-tool-panel input,.studio-tool-panel select,.studio-tool-panel textarea{max-width:100%}.studio-tool-panel textarea{min-height:100px}.studio-private-feed{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}.studio-private-feed article{background:#f5f2fa;padding:10px;border-radius:10px;white-space:pre-wrap}.studio-private-feed article.mention{border-left:3px solid #6235dd}.studio-custom-canvas{aspect-ratio:16/9;background:#16192b;position:relative;overflow:hidden;touch-action:none}.studio-slot{position:absolute;border:2px solid #c0a8ff;background:#6235dd88;color:white;display:grid;place-content:center;cursor:move}.studio-demo-program{position:absolute;inset:0;display:grid;place-items:center;color:#eee;background:#111322}.studio-demo-program>span{font-size:13px}.studio-main-actions{display:flex;gap:10px;flex-wrap:wrap}.studio-broadcast-status{font-size:12px;color:#8a6387}.studio-source-actions{display:flex;gap:5px;flex-wrap:wrap}.studio-source-actions button{font-size:12px}.studio-panel:has(.studio-rail) .panel-content{padding:12px}.studio-panel:has(.studio-rail) .chat-form{display:none}
@media(max-width:1000px){.studio-body:has(.studio-command){grid-template-columns:1fr}.studio-command .wk-program-preview{min-height:200px}.studio-panel:has(.studio-rail){width:100%;max-height:none}.studio-source-strip{height:120px}}

.studio .stage:has(.studio-command){overflow-y:auto;display:block}.studio-command .wk-program-preview{height:clamp(210px,37vh,430px);aspect-ratio:auto;min-height:210px}.studio-layouts{flex-wrap:nowrap;overflow:auto}.studio-layouts button{min-width:58px;padding:6px;font-size:11px}.studio-layout-thumb{width:34px;height:22px}.studio-rail{flex-wrap:wrap;overflow:visible;position:sticky;top:-12px;background:#111a2b;z-index:25;padding:10px 0}.studio-rail button{padding:7px 9px}.studio-tool-panel input[type=color]{min-height:40px;padding:3px}.studio-private-feed article{color:#271f38}.studio-main-actions .btn{font-size:12px;padding:8px 12px}.studio-source-strip{margin-top:10px}.studio-command .wk-program-preview .studio-demo-program{border-radius:0}@media(max-width:700px){.studio .stage:has(.studio-command){overflow:visible}.studio-command .wk-program-preview{height:220px}.studio-layouts{flex-wrap:wrap}.studio-rail{position:static}}

.studio-demo-tiles{position:absolute;inset:5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.studio-demo-tiles .tile{min-height:0;background:#242035;position:relative;display:grid;place-items:center;border-radius:16px;overflow:hidden}.studio-demo-tiles .initial{font-size:64px;color:#c3afff}.studio-demo-tiles video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-demo-tiles .name{position:absolute;bottom:5%;left:4%;padding:8px 14px;background:#111827;color:white;border-left:4px solid var(--studio-brand);font-size:16px}.studio-demo-label{position:absolute;bottom:2%;left:4%;font-size:10px;color:#b0a8c3}.studio-legacy[hidden]{display:none!important}.studio-legacy details[hidden]{display:none!important}

.studio-visuals>*{transition:opacity .25s ease}.sv-logo[data-variant="horizontal"]{width:22%}.sv-logo[data-variant="vertical"]{width:12%}#program:has(.sv-slide[data-layout="presentation"]) #tiles{grid-template-columns:1fr!important;grid-template-rows:repeat(auto-fit,minmax(0,1fr))!important}#program:has(.sv-slide[data-layout="presentation"]) #tiles .tile:first-child{grid-column:auto;grid-row:auto}

.sv-intermission{inset:0;background:linear-gradient(135deg,#1a1038,#6235dd);color:white;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;z-index:5;text-align:center;padding:8%;font-size:clamp(22px,4vw,64px)}.sv-intermission img{width:15%;max-height:25%;object-fit:contain}.sv-intermission strong{line-height:1.2}

.studio-demo-tiles{isolation:isolate}

/* Shared stage geometry and scrolling banners. */
.studio-arranged{isolation:isolate}.studio-arranged>.tile{min-height:0!important;margin:0;border-radius:0}
.studio-visuals{z-index:auto}.studio-arranged{z-index:1}#overlays,#caption,#featured{z-index:2}
.sv-slide[data-layout=presentation],.sv-slide[data-layout=spotlight]{left:26%;top:2%;width:72%;height:96%;background:transparent}
.sv-banner[data-position=top]{bottom:auto;top:5%}.sv-banner[data-ticker=true]{left:0;right:0;bottom:0;border-radius:0;padding:1.2% 0;white-space:nowrap;overflow:hidden}.sv-banner[data-ticker=true][data-position=top]{top:0;bottom:auto}.sv-banner[data-ticker=true]>span{display:inline-block;min-width:100%;padding-left:100%;animation:studioTicker 22s linear infinite}.sv-banner[data-speed=slow]>span{animation-duration:34s}.sv-banner[data-speed=fast]>span{animation-duration:13s}@keyframes studioTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}

#program,.studio-demo-program{container-type:size}.studio-visuals .sv-banner{font-size:2.7cqw}.studio-demo-tiles .name{font-size:1.8cqw}.studio-visuals .sv-countdown{font-size:5cqw}