.sharing-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:12px;background:#fff;border:1px solid #e0e4e9;border-radius:10px;position:relative;z-index:1}.sharing-controls[hidden],.shared-stage[hidden],#pdf-controls[hidden]{display:none}.sharing-controls button{background:#f8f9fb;color:#343b46;border:1px solid #dfe3e8;border-radius:7px;min-height:38px;font-size:13px}.sharing-controls p{width:100%;margin:0;color:#77808c;font-size:12px}#sharing-state{font-size:13px;font-weight:600;margin-right:auto}#pdf-controls{display:flex;gap:9px;align-items:center}#pdf-page{font-variant-numeric:tabular-nums;font-size:13px}
.shared-stage{position:relative;z-index:1;background:#fff;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;margin:0 0 16px}.shared-heading{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid #e9ebef}.shared-heading b{margin-right:auto;font-size:14px}.shared-heading button,.shared-heading select{font:inherit;font-size:12px;background:#f8f9fb;color:#343b46;border:1px solid #dfe3e8;border-radius:6px;padding:7px}#shared-mount{height:min(58vh,660px);min-height:240px;background:#eef0f3;display:flex;align-items:center;justify-content:center}#shared-mount video{width:100%;height:100%;object-fit:contain}
.theater.has-sharing:not(.is-focused) .stages{grid-template-columns:1fr 1fr 1fr 2fr!important;grid-template-rows:280px!important;gap:12px;min-height:0!important;height:auto!important}.theater.has-sharing:not(.is-focused) .stages .stage{grid-row:1!important;align-self:stretch!important;min-height:0!important;height:280px!important;width:100%!important;aspect-ratio:auto!important}.theater.has-sharing:not(.is-focused) .stage-a{grid-column:1!important}.theater.has-sharing:not(.is-focused) .stage-b{grid-column:2!important}.theater.has-sharing:not(.is-focused) .stage-c{grid-column:3!important}.theater.has-sharing:not(.is-focused) .studio-conversation{grid-column:4!important;grid-row:1!important;min-height:0!important;height:280px!important}
.theater.sharing-expanded #shared-mount{height:62vh}.theater.is-immersive.has-sharing{overflow-y:auto}.theater.is-focused .shared-stage{display:none}
#sharing-dialog{width:min(620px,calc(100% - 24px));max-height:90dvh;background:#fff;color:#303741;border:1px solid #dfe3e8;border-radius:12px;padding:20px;overflow:auto}#sharing-dialog::backdrop{background:#17203088}#sharing-dialog h2{font-size:19px}#sharing-description{font-size:14px;color:#69717d;line-height:1.6}#sharing-preview{background:#eef0f3;display:flex;justify-content:center;max-height:52dvh;overflow:auto;margin:14px 0}#sharing-preview canvas{max-width:100%;height:auto;object-fit:contain}#sharing-dialog button{background:#f4f5f7;color:#343b46;border:1px solid #dfe3e8;border-radius:7px;padding:10px 18px}#sharing-dialog #sharing-start{background:#7652a2;color:white;border-color:#7652a2}
.theater.has-sharing:not(.is-focused) .stage .video-mount{height:100%;width:100%;aspect-ratio:auto}.theater.has-sharing:not(.is-focused) .stage video{object-fit:contain!important}
@media(min-width:761px){
 .theater.has-sharing:not(.is-focused){display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:12px;padding:0 16px 16px;align-content:start}
 .theater.has-sharing:not(.is-focused)>.theater-heading{grid-column:1/-1;grid-row:1;margin:0}
 .theater.has-sharing:not(.is-focused)>.sharing-controls{grid-column:1/-1;grid-row:2;margin:0}
 .theater.has-sharing:not(.is-focused)>.shared-stage{grid-column:1;grid-row:3;margin:0}
 .theater.has-sharing:not(.is-focused)>.stages{grid-column:2;grid-row:3;margin:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:180px minmax(220px,1fr)!important}
 .theater.has-sharing:not(.is-focused) .stages .stage{height:180px!important;max-width:none;margin:0}
 .theater.has-sharing:not(.is-focused) .studio-conversation{grid-column:1/4!important;grid-row:2!important;height:auto!important}
 .theater.has-sharing:not(.is-focused)>.theater-controls{grid-column:1/-1;grid-row:4}
 .theater.has-sharing #shared-mount{height:clamp(380px,55vh,660px)}
 .theater.has-sharing .nameplate{font-size:11px;padding:8px 34px 8px 8px}.theater.has-sharing .stage-top{padding:8px;font-size:8px}.theater.has-sharing .studio-speaking-indicator{display:none}
}
@media(max-width:760px){.sharing-controls{gap:6px;padding:10px}.sharing-controls button{font-size:12px;padding:8px}#sharing-state{width:100%}#shared-mount{height:36vh;min-height:180px}.shared-heading{padding:8px;flex-wrap:wrap}.shared-heading b{font-size:12px}.theater.has-sharing:not(.is-focused) .stages{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:160px 340px!important;gap:8px}.theater.has-sharing:not(.is-focused) .stages .stage{height:160px!important}.theater.has-sharing:not(.is-focused) .studio-conversation{grid-column:1/4!important;grid-row:2!important;height:340px!important}.theater.has-sharing .nameplate{padding:6px!important}.theater.has-sharing .nameplate strong{font-size:11px!important}.theater.has-sharing .studio-speaking-indicator{display:none}.theater.has-sharing .stage-top{padding:6px;font-size:8px}}