/* Sharing owns a full-width row; never nest the program grid in a narrow rail. */
#theater.has-sharing:not(.is-focused){display:block!important;padding:0!important;overflow-x:hidden}
#theater.has-sharing:not(.is-focused)>.shared-stage{margin:0 24px 16px;min-width:0}
#theater.has-sharing:not(.is-focused)>.sharing-controls{margin:12px 24px}
#theater.has-sharing:not(.is-focused)>.stages{width:auto!important;margin:0 24px 20px!important;min-width:0}
#theater.has-sharing #shared-mount{position:relative;width:100%;height:clamp(260px,45vw,560px);min-height:0;overflow:hidden}
#theater.has-sharing #shared-mount video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#theater.has-sharing.sharing-expanded #shared-mount{height:72dvh}
#theater.has-sharing .shared-heading{min-width:0;flex-wrap:wrap}
#theater.has-sharing .shared-heading b{overflow-wrap:anywhere}
#theater.has-sharing .support-ranking #support-top .support-rank-item{display:flex!important;min-width:0}
#theater.has-sharing .support-rank-item b{min-width:0;overflow:hidden;text-overflow:ellipsis}
#theater.has-sharing .support-rank-item em{flex-shrink:0}
#theater.has-sharing .studio-speaking-indicator{display:flex}
@media(max-width:900px){
 #theater.has-sharing:not(.is-focused)>.shared-stage{margin:0 10px 10px}
 #theater.has-sharing:not(.is-focused)>.sharing-controls{margin:10px}
 #theater.has-sharing #shared-mount{height:auto;aspect-ratio:16/9}
 #theater.has-sharing.sharing-expanded #shared-mount{height:65dvh;aspect-ratio:auto}
 #theater.has-sharing[data-program-layout=all]:not(.is-focused)>.stages{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto auto auto!important;margin:0 10px 10px!important;gap:8px!important}
 #theater.has-sharing[data-program-layout=all]:not(.is-focused) .stage-a{width:68%!important}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay{display:contents}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay .host-support{position:relative;inset:auto;grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay .host-support :is(.support-goal,.support-ranking){position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:8px!important;min-height:75px;box-sizing:border-box}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay .support-goal{grid-column:1}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay .support-ranking{grid-column:2}
 #theater.has-sharing[data-program-layout=all] .program-all-overlay #screen-chat{display:flex;position:relative;inset:auto;transform:none;grid-column:1/3;grid-row:4;width:100%;max-width:none;height:150px;max-height:150px;font-size:12px;padding:5px 0}
 #theater.has-sharing[data-program-layout=all]:not(.is-focused) #studio-conversation{grid-column:1/3!important;grid-row:5!important;height:auto!important;min-height:0!important;max-height:none!important}
}