/* Customer preview: use the iPhone viewport rather than nesting it in a frame. */
@media(max-width:690px){
 html,body{min-height:100%;background:#000}
 .studio{padding:env(safe-area-inset-top) 0 0;max-width:none}
 .studio-header{height:44px;padding:5px 12px;margin:0;display:flex;justify-content:center;gap:0}
 .studio-brand,.studio-intro,.studio-controls>.segmented:first-child{display:none}
 .studio-controls{margin:0;justify-content:center;width:100%}
 .studio-controls>.segmented{border:0;padding:0;background:#111}
 .segmented button{min-height:32px;padding:5px 15px;font-size:10px}
 .prototype-notice{height:44px;min-height:44px;padding:5px 13px;align-items:center;font-size:9px;line-height:1.5;border-color:#30291c}
 .prototype-notice a,.studio-journeys,.studio-footer{display:none}
 .design-gallery,.single-mode .design-gallery{margin:0;display:block;max-width:none}
 .screen-study,.single-mode .screen-study{width:100%;max-width:none}
 .single-mode .screen-study:not(.focused){display:none}
 .study-label{padding:14px 21px 8px}
 .single-mode .study-label{display:none}
 .device,.single-mode .device,.android .device{width:100%;max-width:none;height:calc(100svh - 88px - env(safe-area-inset-top));min-height:0;border:0;border-radius:0;padding:0;box-shadow:none}
 .device-inner,.android .device-inner{border-radius:0}
 .status-bar,.android .status-bar{display:none}
 .bottom-nav,.ios .bottom-nav,.android .bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom));margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:none}
 .home-indicator{display:none}
 .screen-scroll{padding-bottom:20px}
 .welcome-scene{min-height:640px}
 .welcome-content{bottom:30px}
 .primary,.secondary,.icon-button,.date-option,.slot,.nav-item,.filter-chip{min-height:44px}
 .welcome-guest{min-height:44px}
 input{font-size:16px!important}
 .otp-input{font-size:25px!important}
 .app-header{margin-top:4px}
 .hero-home{margin-top:-70px}
 .sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:92%}
}