/* Consistent hit targets across native fullscreen and the regular desktop toolbar. */
#theater#theater#theater:not(.mobile-landscape) .theater-controls :is(button,summary),
#theater#theater#theater:not(.mobile-landscape) .theater-heading button,
#theater#theater#theater:not(.mobile-landscape) .program-switcher button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:12px!important;line-height:1.2;white-space:nowrap;border-radius:8px;margin-top:0;margin-bottom:0}
#theater#theater#theater:not(.mobile-landscape) .theater-controls :is(button,summary){min-width:82px}
#theater#theater#theater .theater-controls [hidden],#theater#theater#theater .theater-heading [hidden]{display:none!important}
#theater#theater#theater .desktop-broadcast-controls{gap:8px}
#theater#theater#theater .studio-participants>.studio-control-options{width:300px;max-width:calc(100vw - 32px);max-height:min(420px,60dvh);overflow:auto;box-sizing:border-box;z-index:65}
#theater .studio-participants .studio-control-options>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 8px;padding:10px 4px;border-bottom:1px solid #eceaf0;font-size:12px}
#theater .studio-participants small{color:#756c83;font-size:11px;grid-row:1/3}
#theater .studio-participants strong{overflow-wrap:anywhere}
#theater .studio-participants span{color:#85818c;font-size:11px}
#theater.mobile-landscape .studio-participants>.studio-control-options{width:100%;max-height:40dvh}
#theater#theater#theater:not(.mobile-landscape) .theater-controls :is(button,summary){width:120px;min-width:120px}
#theater#theater#theater:not(.mobile-landscape) .studio-control-options>button{width:100%;min-width:120px}
#theater#theater#theater .landscape-controls .theater-controls :is(button,summary){box-sizing:border-box;min-height:36px!important;font-size:12px!important;padding:8px 12px!important}

/* Desktop controls use label widths; only the participant list remains collapsible. */
#theater#theater#theater:not(.mobile-landscape) .theater-controls :is(button,summary){width:auto;min-width:0;padding:0 10px!important}
#theater#theater#theater:not(.mobile-landscape)>.theater-controls{display:flex!important;position:relative!important;inset:auto!important;flex-wrap:wrap!important;padding:6px 0!important;gap:6px;min-height:0}
#theater#theater#theater:not(.mobile-landscape) .compact-settings-menu,#theater#theater#theater:not(.mobile-landscape) .compact-production-menu{display:none!important}
#theater#theater#theater .desktop-inline-controls{display:contents}
#theater#theater#theater .desktop-inline-controls>summary{display:none!important}
#theater#theater#theater .desktop-inline-controls>.studio-control-options{display:contents!important}
#theater#theater#theater .desktop-inline-controls>.studio-control-options>button{display:inline-flex;width:auto;min-width:0;margin:0}
#theater#theater#theater .desktop-inline-controls[hidden]{display:none!important}

#theater#theater#theater:not(.mobile-landscape) .theater-heading .desktop-broadcast-controls{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}
#theater#theater#theater .theater-heading .desktop-broadcast-controls[hidden]{display:none!important}
#theater#theater#theater:not(.mobile-landscape) .theater-heading .desktop-broadcast-controls>button{width:auto;min-width:0;padding:0 10px!important}