/* A selected PC feed must establish its own height before its video is attached. */
#theater#theater.studio-layout:not(.mobile-landscape):not(.is-immersive)[data-program-layout]:not([data-program-layout=all]) .stage[data-program-visible=true]{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
#theater#theater.studio-layout:not(.mobile-landscape):not(.is-immersive)[data-program-layout]:not([data-program-layout=all]) .stage>.video-mount{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
#theater#theater.studio-layout .stage>.video-mount video{object-fit:contain}
#theater .studio-control-group{position:relative;flex:none;margin:0;color:#303632}
#theater .studio-control-group>summary{list-style:none;cursor:pointer;border:1px solid #dde1e8;border-radius:8px;background:#fff;padding:10px 14px;font-size:12px;white-space:nowrap;min-height:38px;box-sizing:border-box}
#theater .studio-control-group>summary::-webkit-details-marker{display:none}
#theater .studio-control-group[open]>summary{background:#f0edf5;border-color:#c9bfd8}
#theater .studio-control-options{position:absolute;bottom:calc(100% + 8px);left:0;min-width:190px;max-width:calc(100vw - 24px);max-height:60dvh;overflow:auto;padding:7px;border:1px solid #dde1e8;border-radius:10px;background:#fff;box-shadow:0 5px 24px #0002;z-index:90}
#theater .studio-control-options>button{display:block;width:100%;text-align:left;margin:0 0 4px;min-height:34px;font-size:12px}
#theater .studio-control-options>button[hidden]{display:none!important}
#theater#theater:not(.mobile-landscape) .theater-controls{flex-wrap:nowrap!important;gap:8px;padding:10px 24px;min-height:60px}
#theater .viewer-controls:empty,#theater .view-controls:empty{display:none}
#theater#theater .theater-controls .studio-tools{margin:0!important}
#theater .theater-controls .view-controls{order:20;margin-left:auto}
#theater.mobile-landscape .studio-control-options{position:relative;inset:auto;max-height:none;box-shadow:none;margin-top:5px}
#theater.mobile-landscape .studio-control-group{width:100%}
#theater.mobile-landscape .studio-control-group>summary{min-height:30px;padding:5px 10px}
@media(max-width:700px){#theater#theater:not(.mobile-landscape) .theater-controls{flex-wrap:wrap!important;padding:8px;gap:5px}}
main>.below-stage{padding:8px 0;margin:0;border:0;min-height:0}