/* Reserve a complete controls/ad row; camera height follows the viewport. */
@media(min-width:701px){
 body:not(.fullscreen-app)>main{padding:10px 16px 16px}
 body:not(.fullscreen-app) .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(200px,min(calc(100svh - 290px),calc((100vw - 42px)*.375))) auto;gap:10px;align-items:stretch}
 body:not(.fullscreen-app) .workspace .remote.box,body:not(.fullscreen-app) .workspace .local.box{aspect-ratio:auto!important;height:100%!important;min-height:0;max-height:none;width:100%}
 body:not(.fullscreen-app) .compact-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:52px 100px;gap:7px;padding:8px;min-height:0;margin:0;align-content:start;align-items:stretch}
 body:not(.fullscreen-app) .compact-menu .actions{grid-column:1/-1;width:100%;height:52px;display:flex;margin:0;gap:8px;min-width:0}
 body:not(.fullscreen-app) .compact-menu .actions button{height:52px;min-height:0;padding:10px 14px;white-space:nowrap}
 body:not(.fullscreen-app) .compact-menu .actions #start{flex:2}
 body:not(.fullscreen-app) .compact-menu .actions #next{flex:1}
 body:not(.fullscreen-app) .compact-menu .actions #stop{flex:0 0 72px}
 body:not(.fullscreen-app) .compact-menu .country-control,body:not(.fullscreen-app) .compact-menu .own-gender-control,body:not(.fullscreen-app) .compact-menu .gender-control{width:100%;min-width:0;max-width:none;height:100px;min-height:0;margin:0}
 body:not(.fullscreen-app) .compact-menu .country-control,body:not(.fullscreen-app) .compact-menu .own-gender-control{padding:0;display:flex;flex-direction:column}
 body:not(.fullscreen-app) .compact-menu .country-control>label,body:not(.fullscreen-app) .compact-menu .own-gender-control>label{height:32px;flex:0 0 32px;padding:12px 12px 0;font-size:11px;line-height:16px}
 body:not(.fullscreen-app) .compact-menu .country-picker-trigger,body:not(.fullscreen-app) .compact-menu .own-gender-control select{height:66px;min-height:0;padding:0 12px;flex:1}
 body:not(.fullscreen-app) .compact-menu .gender-control summary{height:100px;min-height:0;padding:16px 12px}
 body:not(.fullscreen-app) .desktop-inline-ad{grid-column:1/-1;min-width:0;width:100%;height:110px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;container-type:inline-size}
 body:not(.fullscreen-app) .desktop-ad-caption{font:9px/12px var(--ui-font,Arial,sans-serif);letter-spacing:1px;color:var(--theme-muted)}
 body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-banner{height:90px;width:728px;max-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;left:auto;bottom:auto;transform:none;box-shadow:none;margin:0}
 body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-content{width:100%;padding:8px 14px;gap:12px}
 body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-copy strong{font-size:15px;line-height:1.3}
 body:not(.fullscreen-app) .workspace>aside{min-width:0;height:100%;align-self:stretch}
 body:not(.fullscreen-app) .workspace>aside .chat{height:100%;min-height:0;padding:12px;display:flex;flex-direction:column}
 body:not(.fullscreen-app) .chat #messages{flex:1;min-height:0;max-height:240px;overflow-y:auto}
 body:not(.fullscreen-app) .chat #chatForm{margin-top:auto;min-width:0;gap:8px}
 body:not(.fullscreen-app) .discovery{margin-top:38px}
}
@container(max-width:727px){body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-banner{width:468px;height:60px}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-copy strong{font-size:13px}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-art{width:30px;height:30px}}
@container(max-width:467px){body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-banner{width:320px;height:50px}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-copy strong{font-size:11px}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-copy>span{display:none}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-content{padding:5px 8px;gap:6px}body:not(.fullscreen-app) .desktop-inline-ad .sample-ad-cta{font-size:10px;padding:6px}}
/* At small windows or high zoom, scroll instead of crushing camera controls. */

body:not(.fullscreen-app) .compact-menu>[hidden]{display:none!important}
@media(min-width:701px){body:not(.fullscreen-app) .compact-menu.chatting-ad{grid-template-rows:52px 110px}}

@media(min-width:701px){body:not(.fullscreen-app) .compact-menu{min-height:180px!important}body:not(.fullscreen-app) .workspace>aside .chat{min-height:180px}body:not(.fullscreen-app) .compact-menu .gender-control summary{min-height:100px}body:not(.fullscreen-app) .compact-menu .actions{position:static;transform:none}}

@media(min-width:701px){
 body:not(.fullscreen-app) .compact-menu .country-control,body:not(.fullscreen-app) .compact-menu .own-gender-control{justify-content:center;padding:14px 12px;gap:6px}
 body:not(.fullscreen-app) .compact-menu .country-control>label,body:not(.fullscreen-app) .compact-menu .own-gender-control>label{height:auto;flex:0 0 auto;padding:0;line-height:18px;margin:0}
 body:not(.fullscreen-app) .compact-menu .country-picker-trigger,body:not(.fullscreen-app) .compact-menu .own-gender-control select{height:30px;flex:0 0 30px;padding:0;line-height:30px;margin:0}
 body:not(.fullscreen-app) .compact-menu .gender-control summary{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:14px 12px;line-height:18px}
 body:not(.fullscreen-app) .compact-menu .gender-control summary span{margin:0;line-height:24px}
}

@media(min-width:701px){
 body:not(.fullscreen-app) .compact-menu .actions button{display:flex;align-items:center;justify-content:center;line-height:1.2;padding:0 14px}
 body:not(.fullscreen-app) .compact-menu .actions #start{justify-content:space-between}
 body:not(.fullscreen-app) .compact-menu .actions #next{justify-content:flex-start}
 body:not(.fullscreen-app) .compact-menu .actions button span{line-height:1;margin:0}
}