/* Landscape has two bounded rows: the program, then the composer.
   Settings are relocated into a drawer, so no notices can consume program height. */
.landscape-controls{display:none}
#theater#theater.studio-layout.mobile-landscape[data-program-layout]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 38px!important;gap:5px!important;min-height:0!important;height:var(--live-height,100dvh)!important;width:100%!important;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;overflow:hidden!important}
#theater#theater.studio-layout.mobile-landscape[data-program-layout]>.stages{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:18% minmax(0,1fr) minmax(0,1fr) 18%!important;grid-template-rows:minmax(0,2fr) minmax(0,3fr)!important;gap:5px!important;height:100%!important;width:100%!important;min-height:0!important;margin:0!important;overflow:hidden}
#theater#theater.mobile-landscape[data-program-layout] .stage{height:100%!important;width:100%!important;min-height:0!important;min-width:0!important;max-height:100%!important;max-width:100%!important;aspect-ratio:auto!important;align-self:stretch!important;border-radius:7px}
#theater#theater.mobile-landscape[data-program-layout] .stage .video-mount{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;aspect-ratio:auto!important;min-height:0!important}
#theater#theater.mobile-landscape[data-program-layout] .video-mount :is(video,img,canvas){width:100%!important;height:100%!important;object-fit:contain!important}
#theater#theater.mobile-landscape[data-program-layout] .standby{position:absolute;inset:0;gap:3px;padding:5px}
#theater#theater.mobile-landscape[data-program-layout] .standby b{width:32px;height:32px;font-size:0!important}
#theater#theater.mobile-landscape[data-program-layout] .standby b:before{width:19px;height:19px}
#theater#theater.mobile-landscape[data-program-layout] .standby span{font-size:9px}
#theater#theater.mobile-landscape[data-program-layout] .nameplate{inset:auto 0 0!important;padding:15px 8px 7px!important;padding-right:95px!important;font-size:10px!important}
#theater#theater.mobile-landscape[data-program-layout] .studio-speaking-indicator{inset:auto 5px 5px auto!important;max-width:85px;font-size:8px!important;padding:2px 4px!important}
#theater#theater.mobile-landscape[data-program-layout] .host-support{height:100%;max-height:100%;overflow:auto;gap:4px!important}
#theater#theater.mobile-landscape[data-program-layout] .host-support>:is(.support-goal,.support-ranking){padding:5px!important;font-size:9px!important;flex-shrink:0}
#theater#theater.mobile-landscape[data-program-layout] .support-goal-line,#theater#theater.mobile-landscape[data-program-layout] .support-rank-item{font-size:9px!important;gap:3px}
#theater#theater.mobile-landscape[data-program-layout] .support-ranking>b{font-size:9px;margin-bottom:3px}
#theater#theater.mobile-landscape[data-program-layout] .support-ranking>small,#theater#theater.mobile-landscape[data-program-layout] #support-mine{display:none}
#theater#theater.mobile-landscape[data-program-layout] #screen-chat{height:100%!important;max-height:100%!important;min-height:0!important;font-size:10px!important;gap:4px}
#theater#theater.mobile-landscape[data-program-layout] .screen-chat-message{padding:3px 5px}
#theater#theater.mobile-landscape[data-program-layout] .screen-chat-badge{width:13px;height:13px}
#theater#theater.mobile-landscape[data-program-layout]>#studio-conversation{grid-column:1/-1!important;grid-row:2!important;height:38px!important;min-height:0!important;margin:0!important;align-self:stretch;z-index:20}
#theater#theater.mobile-landscape[data-program-layout] #studio-conversation .chat-body{height:100%;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:minmax(0,1fr);gap:5px!important;padding:2px!important}
#theater#theater.mobile-landscape[data-program-layout] .compact-production-menu{display:block!important;grid-column:3;grid-row:1;min-height:30px!important;height:30px!important;padding:3px 10px!important;margin:0!important;font-size:11px}
#theater#theater.mobile-landscape[data-program-layout] #chat-form{height:30px!important;min-height:0!important}
#theater#theater.mobile-landscape[data-program-layout] #chat-notice:not(:empty){position:absolute;bottom:40px;left:0;right:0;max-height:28px;overflow:auto;background:#fff;font-size:10px;z-index:25}
#theater#theater.mobile-landscape[data-program-layout]:not([data-program-layout=all])>.stages{grid-template-rows:minmax(0,1fr)!important}
#theater#theater.mobile-landscape.has-sharing[data-program-layout]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
#theater#theater.mobile-landscape.has-sharing[data-program-layout]>#shared-stage:not([hidden]){grid-column:1!important;grid-row:1!important;height:100%!important;min-height:0!important;margin:0!important}
#theater#theater.mobile-landscape.has-sharing[data-program-layout]>.stages{grid-column:2!important;grid-row:1!important}
#theater#theater.mobile-landscape.has-sharing[data-program-layout] #shared-mount{min-height:0!important;height:0!important;flex:1 1 0!important}
#theater#theater.mobile-landscape.production-menu-open[data-program-layout]>.landscape-controls{display:flex!important;flex-direction:column;position:absolute;inset:5px 5px 46px auto;width:min(540px,calc(100% - 10px));z-index:100;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px;overflow:auto;box-shadow:0 8px 30px #0003;gap:8px}
#theater#theater.mobile-landscape[data-program-layout] .landscape-controls>button{align-self:flex-end;min-height:30px;padding:4px 12px}
#theater#theater.mobile-landscape[data-program-layout] .landscape-controls>:is(.theater-heading,.program-switcher,.sharing-controls,.theater-controls):not([hidden]){display:flex!important;position:relative!important;inset:auto!important;flex:none!important;height:auto!important;max-height:none!important;min-height:30px!important;width:100%!important;margin:0!important;padding:4px!important;flex-wrap:wrap!important;overflow:visible!important}
#theater#theater.mobile-landscape[data-program-layout] .landscape-controls :is(#publisher-entry-hint,#message){position:static!important;padding:4px!important;margin:0!important;font-size:11px}
#theater#theater.mobile-landscape[data-program-layout] .landscape-controls .tools-drawer{position:fixed!important;inset:8px 8px 46px auto!important;width:min(480px,calc(100% - 16px));max-height:none!important;z-index:110}
#theater#theater.mobile-landscape[data-program-layout]>#private-entry:not([hidden]){position:absolute;inset:5px;overflow:auto;z-index:150;background:#fff}