/* Full desktop geometry is scaled as one unit, preserving native breakpoints. */
.app-window.client-preview{position:relative;height:auto;aspect-ratio:8/5;border:0;border-radius:10px;overflow:hidden;isolation:isolate}
.client-preview>iframe{position:absolute;left:0;top:0;display:block;width:1440px;height:900px;max-width:none;border:0;transform:scale(var(--client-scale,.75));transform-origin:top left;pointer-events:none;visibility:hidden}
.client-preview.is-sized>iframe{visibility:visible}
.client-preview>.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.demo-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.demo-controls>button{min-height:44px}
.demo-replay{display:flex;align-items:center;font-size:11px;white-space:nowrap;color:inherit;padding:5px 0}
.media-caption:has(.demo-controls)>.media-status{flex:1;min-width:0}
@media(max-width:639px){.app-window.client-preview{border-radius:6px}}
@media(max-width:639px){.demo-controls{gap:12px}.demo-replay{font-size:9px}}