.program-switcher{margin:0 24px 16px;padding:12px;border:1px solid #e1e4e9;border-radius:9px;background:#fff}.program-switcher[hidden]{display:none!important}.program-switcher>b{display:block;font-size:12px;margin-bottom:8px}.program-switcher>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.program-switcher button{flex:1 0 auto;white-space:nowrap;font-size:12px;min-height:36px;padding:8px 12px;background:#f7f8fa;border:1px solid #e1e4e9;color:#4a5059}.program-switcher button[aria-pressed=true]{background:#eee8f5;border-color:#a98ac8;color:#644483}
.background-dialog{width:min(600px,calc(100vw - 28px))}.background-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.background-options button{padding:0;border:2px solid #e6e8ec;background:#fff;border-radius:10px;overflow:hidden;color:#343a43}.background-options button[aria-pressed=true]{border-color:#9474b8;background:#f7f3fb}.background-options button>span:last-child{display:block;padding:10px;font-size:13px}.background-options img,.background-swatch{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.background-swatch{display:grid;place-items:center;font-size:35px;background:#f2f4f6;color:#919ba5}.background-swatch.blur{background:radial-gradient(ellipse at 30% 70%,#d3dddc,transparent),linear-gradient(130deg,#ece4d6,#e5e8ef);color:#fff}#background-status{font-size:13px;line-height:1.6;min-height:20px;margin:12px 0 0}
/* One room layout, measured from actual decoded video dimensions. */
#theater[data-program-layout]:not([data-program-layout=all]) .stages{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;height:auto!important;align-items:center!important;gap:12px!important}
#theater[data-program-layout]:not([data-program-layout=all]) .stage{grid-row:1!important;grid-column:1/3!important;width:var(--program-width,100%)!important;max-width:100%!important;height:var(--program-height,auto)!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;align-self:center!important;justify-self:center!important}
#theater .stage[data-program-visible=false]{display:none!important}
#theater .stage[data-program-visible=true]{display:block!important}
#theater .program-pair-overlay{grid-area:1/1/2/3;position:relative;align-self:center;justify-self:stretch;height:var(--program-pair-height,0px);min-width:0;pointer-events:none;z-index:4;--program-chat-bottom:82px}
#theater .program-pair-overlay[hidden]{display:none!important}
#theater[data-program-layout]:not([data-program-layout=all]) .screen-chat{top:calc(8px + (100% - var(--program-chat-bottom,62px) - 8px)*var(--chat-y));max-height:calc(100% - var(--program-chat-bottom,62px) - 85px)}
#theater[data-program-layout=BC] .stage.stage-b{grid-column:1!important}#theater[data-program-layout=BC] .stage.stage-c{grid-column:2!important}
#theater[data-program-layout]:not([data-program-layout=all]) .stage>.video-mount{height:100%!important;width:100%!important;aspect-ratio:auto!important}
#theater[data-program-layout]:not([data-program-layout=all]) .studio-live-video{object-fit:contain!important;background:#15191c}
#theater[data-program-layout]:not([data-program-layout=all]) #studio-conversation{grid-column:1/3!important;grid-row:2!important;height:220px;min-height:0;max-height:none}
#theater[data-program-layout]:not([data-program-layout=all]) #shared-stage{display:none!important}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .stages,#theater[data-program-layout]:not([data-program-layout=all]).mobile-chat-typing .stages{grid-template-rows:minmax(0,1fr) auto!important;flex:1!important;min-height:0!important}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive #studio-conversation{height:min(160px,25dvh)!important;max-height:25dvh!important}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .sharing-controls{display:none}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-heading{height:40px;min-height:40px;padding:5px 0}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .program-switcher{flex:none;margin-bottom:4px;padding:4px 8px}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .program-switcher>b{display:none}
#theater[data-program-layout]:not([data-program-layout=all]).is-immersive .stages{margin-top:4px;margin-bottom:4px}
.stage[data-program-visible=true][data-program-compact=true] .screen-chat{font-size:10px;width:58%;max-height:calc(100% - 115px)}
.stage[data-program-visible=true][data-program-compact=true] .screen-chat-message{padding:4px 6px}
.stage[data-program-visible=true][data-program-compact=true] .host-support{inset:6px 6px auto}
.stage[data-program-visible=true][data-program-compact=true] .support-goal{width:44%!important;padding:4px!important}
.stage[data-program-visible=true][data-program-compact=true] .support-ranking{width:44%;padding:4px}
.stage[data-program-visible=true][data-program-compact=true] .support-goal-line>strong>span{font-size:8px}
@media(max-width:600px){
 .program-switcher{margin:0 10px 10px;padding:9px}.program-switcher button{font-size:11px;padding:7px 9px}.program-switcher>b{font-size:11px}.background-options{gap:7px}.background-options button>span:last-child{font-size:11px;padding:8px}
 #theater[data-program-layout]:not([data-program-layout=all]) #studio-conversation{height:auto!important;max-height:35dvh!important}
 #theater[data-program-layout]:not([data-program-layout=all]):is(.is-immersive,.mobile-chat-typing) #studio-conversation{height:auto!important;max-height:35dvh!important}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-controls{padding:5px 8px;gap:4px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-controls button{min-height:30px;padding:5px 7px;font-size:10px}
}
.theater .program-overlay-stage:has(>.nameplate[hidden])>.studio-speaking-indicator{left:var(--host-voice-desktop-left,auto)!important;right:var(--host-voice-desktop-right,44px)!important;bottom:10px!important;top:auto!important}
@media(max-height:550px) and (orientation:landscape){
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-heading{display:none}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .program-switcher{margin:3px 8px;padding:3px 6px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .program-switcher button{min-height:26px;padding:4px 8px;font-size:10px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .stages{margin:3px 8px;gap:5px!important}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #studio-conversation{height:auto!important;max-height:35dvh!important;overflow:auto;position:relative;display:block}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .chat-body{display:block!important;padding:0}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #studio-conversation :is(.chat-heading,.chat-pinned,.chat-host-controls,.chat-scroll-area,.heart-toolbar,.heart-pending,.heart-speech-status){display:none!important}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #chat-form{display:flex!important;padding:4px 5px 4px 72px;margin:0;border:0;gap:5px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #chat-input{height:30px;min-height:30px;padding:4px 8px;font-size:16px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #chat-send{min-height:30px;padding:4px 9px;font-size:11px}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive #mobile-chat-menu{display:block;position:absolute;left:4px;bottom:5px;width:63px;min-height:28px;padding:3px;font-size:10px;z-index:5}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive.mobile-chat-expanded #studio-conversation :is(.heart-toolbar,.chat-scroll-area){display:flex!important}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive.mobile-chat-expanded .chat-scroll-area{height:70px;overflow:auto}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-controls{padding:3px 8px;gap:4px;flex-wrap:nowrap;overflow-x:auto;flex:none}
 #theater[data-program-layout]:not([data-program-layout=all]).is-immersive .theater-controls button{min-height:26px;padding:4px 7px;font-size:10px;white-space:nowrap}
}
@media(max-width:600px){.theater .program-overlay-stage:has(>.nameplate[hidden])>.studio-speaking-indicator{left:var(--host-voice-mobile-left,auto)!important;right:var(--host-voice-mobile-right,44px)!important}}