/* Keep the approved cameras and image quality; size only the mobile host and controls. */
@media(max-width:700px){
 .showroom{padding-left:16px;padding-right:16px}
 .intro{padding-top:6px}.intro h1{font-size:30px;line-height:1.12;margin:10px 0 8px}.intro .actions{margin-top:12px}.intro .intro-note{margin-top:10px;line-height:1.5}
 .quick-look{order:2;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:14px 0 8px;padding:4px;gap:0}
 .quick-look button,.quick-look button+button{min-height:54px;padding:8px 3px;border-top:0;border-bottom:0;border-left:1px solid var(--line)}
 .quick-look button:first-child{border-left:0}.quick-look small{display:none}.quick-look strong{font-size:12px;line-height:1.4;margin:0}.quick-look button>span:not(.category-icon){gap:0}
 .stage{order:4;min-height:0;height:clamp(240px,calc(100svh - 490px),500px);width:100%;margin:0;overflow:hidden}
 .stage #studio{height:100%;min-height:0}.scene-caption{font-size:8px;bottom:2px}
 .point-controls{order:3;margin:0 0 8px;padding:0}.point-controls #play-help{font-size:12px;line-height:1.7}.point-controls .marker-note{font-size:9px;line-height:1.5}
}
@media(min-width:701px) and (max-width:950px) and (max-height:500px){
 .header{padding:10px 16px;gap:12px}.brand{font-size:16px}.brand span{font-size:14px}.main-nav{min-width:300px}.main-nav button{min-height:45px;font-size:13px;padding:6px 8px}
 .showroom{min-height:0;height:auto;grid-template-columns:34% 66%;grid-template-rows:auto auto;padding:0 16px;column-gap:0}
 .intro{padding-top:6px}.intro h1{font-size:30px;line-height:1.12;margin:10px 0 8px}.intro-copy{font-size:11px}.intro-detail{display:none}.intro .actions{margin-top:12px;gap:6px}.intro .primary,.intro .secondary{padding:9px 12px;font-size:10px;min-height:40px}.intro-note{margin-top:10px;font-size:7px}
 .stage{grid-column:2;grid-row:1/3;margin:0;width:100%;height:280px;min-height:0}.stage #studio{height:100%;min-height:0}.scene-caption{bottom:3px;font-size:8px}
 .quick-look{grid-column:1;grid-row:2;width:100%;margin:10px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;gap:0;align-self:start}
 .quick-look button{min-height:44px;padding:7px 3px}.quick-look small{display:none}.quick-look strong{font-size:11px}.quick-look button+button{padding-left:3px}.quick-look button:nth-child(3){border-left:0;border-top:1px solid var(--line)}.quick-look button:nth-child(4){border-top:1px solid var(--line)}
 .point-controls{position:relative;grid-column:1/-1;right:auto;bottom:auto;margin:8px 0 0;max-width:none}.point-controls #play-help{font-size:13px}.point-controls .marker-note{font-size:10px}
}