/* Approved white studio. Keep broadcast elements, event hooks and immersive layouts intact. */
:root{background:#fff;color:#282c33;--line:#e0e4e9;--muted:#7d8590;--gold:#b69b65;--purple:#9071b5}
body{background:#fff}.site-head{height:75px;border-color:#e9ebee}.brand:before{width:27px;height:27px;border-radius:0;background:url('/assets/navigation/584/studio.svg?jcs_img=20261025-1') center/contain no-repeat}.brand span{border:0;padding-left:3px}.head-caption{color:#9297a0}.home-link{border-radius:7px!important;background:#fff!important;border-color:#e0e3e8!important;color:#656d78!important}.intro{padding:26px 0 22px}h1{font-size:26px;letter-spacing:-.8px}#room-status{color:#858c97;margin-top:8px}
.theater{color:#3d444f;background:#eff1f3;border:1px solid #e1e4e8;border-radius:15px;box-shadow:none}.theater:before{background:linear-gradient(90deg,transparent 24.8%,#d6dbe144 25%,transparent 25.2%,transparent 74.8%,#d6dbe144 75%,transparent 75.2%),radial-gradient(ellipse at 50% 0,#fff,transparent 65%)}
.theater-heading{border:0;height:auto;min-height:65px;flex-wrap:wrap;padding:16px 0}.theater-wordmark{font-size:15px;letter-spacing:-.5px}.theater-wordmark span{font-size:9px;color:#969da7;letter-spacing:2px}#broadcast-status{color:#858d98}#broadcast-status.is-live{color:#b73c4a}#broadcast-status:before{background:#a7afb9}
.stage{border:1px solid #fff;border-radius:10px;background:#f9fafb;box-shadow:0 6px 17px #2632450c;color:#3a414b;--accent:#a99abd}.stage-a{--accent:#b69b65}.video-mount,.stage-a .video-mount{background:linear-gradient(125deg,#fff,#edf0f3)}.standby:before{border-radius:0;inset:-15% -15% -45% 35%;transform:rotate(24deg);border:0;border-left:1px solid #dce1e7;background:linear-gradient(90deg,#fff0,#fff9);box-shadow:none}.standby:after{content:'';position:absolute;left:12%;right:12%;bottom:12%;height:25%;background:radial-gradient(ellipse,#ccd3dd55,transparent 68%);pointer-events:none}.standby b{font-size:0;letter-spacing:0;width:70px;height:70px;border-radius:50%;border:1px solid #dce0e5;box-shadow:0 4px 12px #34394205;background:#ffffff80;display:grid;place-items:center}.standby b:before{content:'';width:35px;height:35px;background:#bec6cf;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='15' r='9'/%3E%3Cpath d='M7 44V36a17 17 0 0 1 34 0v8Z'/%3E%3C/svg%3E") center/contain no-repeat}.standby span{color:#8e98a5;font-size:11px;z-index:1}.stage-top{background:transparent;color:#929ba7}.stage-top>span:first-child{color:#65717f}.stage-top>span:first-child:before{display:none}.nameplate{color:#3c4653;background:linear-gradient(transparent,#f1f4f8e8)}.nameplate .affiliation{color:#929ba7}.stage-expand{color:#8d97a5}.stage-expand:hover{background:#fff9;border-color:#dce1e8}
.stage:has(.has-video) .stage-top{background:linear-gradient(#14202e66,transparent);color:#ffffffb0}.stage:has(.has-video) .stage-top>span:first-child{color:#fff}.stage:has(.has-video) .nameplate{background:linear-gradient(transparent,#15202bc9);color:#fff}.stage:has(.has-video) .affiliation{color:#ffffffb0}.stage:has(.has-video) .stage-expand{color:#fff}.studio-live-video{object-fit:contain;background:#e5e8ed}
.stage.is-speaking{border-color:#aa91c5;box-shadow:0 0 0 2px #bca7d266}.studio-speaking-indicator{background:#ffffffde;border-color:#e4dfec;color:#8b799f}.is-speaking>.studio-speaking-indicator{background:#fff;border-color:#b99ed6;color:#8056aa}.studio-speaking-dot{background:#a6a0b0}.is-speaking .studio-speaking-dot{background:#9672ba;box-shadow:0 0 6px #9672ba44}
.studio-conversation{background:#fff;border-color:#e1e4e8;border-radius:10px;color:#414955}.chat-heading{border-color:#eef0f3;padding:13px 15px}.chat-heading b{color:#47515f}.chat-heading span,.chat-heading span.is-paused{color:#8a939f}.chat-heading button,.chat-host-controls button{color:#717b89;border-color:#e0e4eb;background:#f8f9fb}.chat-host-controls button[aria-pressed=false]{color:#986351;background:#fbf4ee}.chat-empty{color:#939da9}.chat-message{color:#46515f;font-size:12px}.chat-message b{color:#8c7a9d}.chat-message small{color:#94783e;border-color:#e8dcc3}.chat-message.is-reaction{color:#9876ae}#chat-log{scrollbar-color:#cdd3dc transparent}.chat-pinned{background:#f8f5ed;border-color:#ece5d6;color:#6b6455}.chat-pinned b{color:#9a7f49}.chat-message-actions button{color:#828b98;border-color:#e2e5eb}.chat-message-actions button:hover{background:#f1eef6;color:#684b86}#chat-new{background:#f0eaf8;color:#795c96;border-color:#e1d6ed}
.reaction-toolbar{border-color:#eff1f4}#reaction-buttons button{background:#f7f8fa;border-color:#f0f2f5;color:#96769f}#reaction-buttons button:hover{background:#ede8f5}#reaction-state,#chat-notice{color:#9099a6}#chat-input{background:#f5f6f8;border-color:#e7eaf0;color:#38424f}#chat-input::placeholder{color:#9ba3af}#chat-send{background:#3c3548;border-color:#3c3548;color:#fff}
.theater-controls{background:#ffffff99;border-color:#dfe3e8}.theater-controls :is(.viewer-controls,.view-controls)>button{background:#fff;border-color:#e0e3e8;color:#697482}.theater-controls :is(.viewer-controls,.view-controls)>button:hover{background:#f4f1f8}.primary,.theater-controls .viewer-controls>.primary{background:#302a39;border-color:#302a39;color:white}.primary:hover{background:#4b3e5c;border-color:#4b3e5c}.message{color:#767f8e}.studio-tools>summary{background:#fff;color:#697482;border-color:#dce1e8}.tools-drawer{background:#fff;color:#35404d;border-color:#dce1e8;box-shadow:0 15px 45px #18243820}.tools-drawer :is(h2,h3,label,p,summary){color:#657080}.tools-drawer button{background:#f8f9fb;color:#495565;border-color:#dce1e8}.tools-drawer input{background:#f7f8fa;color:#35404d;border-color:#dce1e8}.tools-drawer .danger{color:#a74a50;background:#fff7f7}.private-label,.private-entry p{color:#85909e}.private-entry h2{color:#384351}.private-entry input{background:white;color:#343e4b;border-color:#d9dfe7}.below-stage{border-color:#e9ecf0}.connection-details summary{color:#7e8998}.panel,.studio-invite{border-color:#e0e4eb}.panel input{background:#f8f9fb}.panel :is(h2,h3){color:#35404d}footer{color:#9aa2af}
@media(min-width:601px){.theater:not(.is-immersive) .stages{height:auto;grid-template-columns:minmax(0,1fr) minmax(0,2.04fr) minmax(0,1fr);grid-template-rows:auto 300px;gap:16px;margin:0 24px 24px;align-items:stretch}.theater:not(.is-immersive) .stage{max-width:none}.theater:not(.is-immersive) .stage-a{align-self:start}.theater:not(.is-immersive) :is(.stage-b,.stage-c){align-self:center;grid-row:1/3}.theater:not(.is-immersive) .studio-conversation{min-height:0;height:100%;max-height:none}.theater:not(.is-immersive).chat-collapsed .studio-conversation{min-height:0}}
@media(max-width:600px){.site-head{height:62px;margin:0 16px;padding:0}.brand{font-size:20px}.brand span{font-size:8px;letter-spacing:1px}.brand:before{width:25px;height:25px}.intro{padding:18px 16px 16px}.intro h1{font-size:19px}.theater:not(.is-immersive){margin:0 12px;border-radius:11px}.theater-heading{margin:0 12px;min-height:49px;padding:11px 0;gap:8px}.theater-wordmark{font-size:12px}.theater-wordmark span{font-size:7px;margin-left:5px;letter-spacing:1px}#broadcast-status{font-size:9px}.theater:not(.is-immersive) .stages{margin:0 10px 12px;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 340px;height:auto}.theater:not(.is-immersive) .stage-a{grid-column:1/3;grid-row:1}.theater:not(.is-immersive) .stage-b{grid-column:1;grid-row:2}.theater:not(.is-immersive) .stage-c{grid-column:2;grid-row:2}.theater:not(.is-immersive) .studio-conversation{grid-column:1/3;grid-row:3}.stage{border-radius:8px}.standby b{width:43px;height:43px;font-size:0!important}.standby b:before{width:26px;height:26px}.standby{gap:9px}.standby span{font-size:9px}.stage-top{font-size:8px;padding:10px}.nameplate{font-size:11px;padding:27px 10px 12px;padding-right:35px}.nameplate .affiliation{font-size:9px}.theater-controls{padding:12px 10px}.chat-message{font-size:13px}.chat-message b{font-size:11px}#chat-input{font-size:16px}.studio-tools>summary{min-height:36px}.theater.is-immersive .standby b{font-size:0!important;width:30px;height:30px}.theater.is-immersive .standby b:before{width:20px;height:20px}}