.mobile-action-bar{display:none}
@media(max-width:759px){
 :root{font-size:16px;--muted:#52617b}
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 button,summary,a,input,select{touch-action:manipulation}
 button,select{min-height:48px}
 .site-header{gap:6px 10px;padding:8px 14px 4px;box-shadow:0 2px 12px #25356808}
 .site-header .studio-label{font-size:15px;color:#465675}
 .header-actions{padding-top:2px;gap:18px;justify-content:space-between}
 .home-link,.brand-menu{font-size:14px}
 .home-link,.brand-menu summary{min-height:44px}
 .brand-menu-links a{font-size:16px;min-height:50px}
 .brand-menu-links small{font-size:12px;color:#55617a}
 .workspace-intro{padding:14px 16px;align-items:flex-start;min-height:0;gap:10px}
 .workspace-intro h1{font-size:23px;line-height:1.35}
 .workspace-intro p{font-size:16px;line-height:1.6;max-width:300px;color:#52617b;margin-top:6px}
 .studio-eyebrow{font-size:10px;letter-spacing:1.1px;line-height:1.7}
 .experience-note{display:none}
 .workspace{padding:0 12px;gap:18px;height:auto;min-height:0}
 .viewport{height:auto;min-height:0;width:100%;scroll-margin-top:10px}
 .preview-heading{padding:14px 14px 10px}
 .scene-name{font-size:20px}
 #presetBar>span{font-size:11px;letter-spacing:.8px;color:#566782}
 .asset-summary{margin:0 10px 12px;padding:8px 10px;gap:7px}
 .asset-summary>span{display:none}
 .asset-summary strong{font-size:13px;color:#4b5b77;max-width:none}
 .asset-change{font-size:13px;padding:8px;min-height:44px}
 .preview-well{aspect-ratio:1/1;flex:none;min-height:0;margin:0 10px}
 #stage{inset:28px 8px 22px}
 #stage canvas{touch-action:pan-y}
 .stage-top{font-size:10px;letter-spacing:.2px;left:12px;right:12px;top:10px}
 .stage-watermark{font-size:8px}
 .playback{padding:12px 10px 2px}
 .stage-bottom{display:grid;grid-template-columns:1fr;gap:8px}
 .stage-bottom #play{width:100%;font-size:16px;min-height:48px;font-weight:500}
 .stage-bottom .view-tools{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;width:100%}
 .view-tools button,.stage-bottom #reset{font-size:14px;min-height:48px;width:100%}
 #zoomIn,#zoomOut{width:100%;font-size:21px;gap:6px;display:flex;align-items:center;justify-content:center}
 #zoomIn:before,#zoomOut:before{content:'Zoom';font-size:13px}
 .timeline{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin-top:8px;align-items:center}
 .timeline>span{font-size:13px;color:#52617b}
 .timeline button{font-size:14px;min-height:44px;padding:6px 12px}
 .timeline input[type=range]{grid-column:1/-1;grid-row:2;height:44px;width:100%;margin:0}
 .timeline input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px;border-width:4px}
 .timeline input[type=range]::-webkit-slider-runnable-track{height:6px}
 .timeline input[type=range]::-moz-range-thumb{width:18px;height:18px;border-width:3px}
 .preview-info{margin:0 14px;padding:4px 0 12px;font-size:12px;line-height:1.5;color:#52617b}
 .inspector{width:100%;overflow:visible;scroll-margin-top:10px}
 .inspector-tabs{position:sticky;top:0;z-index:12;padding:7px;border-radius:14px 14px 0 0;box-shadow:0 3px 10px #25356806}
 .inspector-tabs button{font-size:15px;min-height:54px;padding:8px 3px;font-weight:500}
 .inspector-content>.left,.inspector-content>.scene-picker,.inspector-content>.background-effects{padding:16px}
 .asset-kind{margin-bottom:16px;gap:6px;padding:5px}
 .asset-kind button{font-size:15px;min-height:50px;padding:8px 4px}
 .upload{min-height:184px;padding:24px 12px}
 .upload strong,.has-model .model-upload strong{font-size:19px;color:#293959}
 .upload small,.has-model .model-upload small{font-size:15px;line-height:1.6;margin-top:8px;color:#52617b}
 .upload em{font-size:12px;color:#52617b;letter-spacing:.5px;margin-top:10px}
 .upload-icon{width:44px;height:44px}
 #editImage,.folder-picker,.model-demo{font-size:16px;min-height:50px;padding:12px}
 .sample-disclosure summary,.shape-settings summary,.model-settings>summary,.model-placement summary,.model-requirements summary{font-size:16px;min-height:54px;padding:15px 0;color:#435371}
 .sample-disclosure,.shape-settings{margin-top:12px}
 .samples button{font-size:18px;min-height:50px}
 .section-label b,.slider-label,.color-label,.effect-color-label,.model-animation-label{font-size:15px;color:#435371;line-height:1.5}
 .slider-label{margin-top:20px;margin-bottom:4px}
 output{font-size:16px;font-weight:600}
 .settings-content input[type=range],.model-settings input[type=range],#cropScale{height:44px;appearance:none;background:transparent;accent-color:var(--blue)}
 .settings-content input[type=range]::-webkit-slider-runnable-track,.model-settings input[type=range]::-webkit-slider-runnable-track,#cropScale::-webkit-slider-runnable-track{height:7px;border-radius:5px;background:#d7dfef}
 .settings-content input[type=range]::-webkit-slider-thumb,.model-settings input[type=range]::-webkit-slider-thumb,#cropScale::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-10px;border:3px solid #fff;background:var(--blue);border-radius:50%;box-shadow:0 0 0 1px #8c9cbe}
 .check{min-height:48px;font-size:15px;line-height:1.5;gap:12px;color:#435371}
 .check input{width:23px;height:23px;flex:0 0 23px}
 input[type=color]{width:60px;height:48px;padding:4px}
 select{font-size:16px;padding:12px;width:100%}
 .scene-switch{gap:12px}
 .scene-switch button{min-height:76px;padding:12px;gap:14px}
 .scene-copy strong{font-size:16px;color:inherit}
 .scene-icon{width:42px;height:42px}
 .choice-dot{flex-shrink:0;width:18px;height:18px}
 .background-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .background-options button{font-size:15px;min-height:104px;gap:12px;padding:14px 6px;color:#435371;line-height:1.4}
 .effect-color-label{margin-top:22px}
 .mobile-action-bar{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));background:#fffffffa;border-top:1px solid #d7e1f1;box-shadow:0 -5px 22px #263e6c0b}
 .mobile-action-bar button{white-space:nowrap;font-size:15px;min-height:52px;padding:10px 6px;color:#293580;font-weight:500}
 .mobile-action-bar #export{color:white;gap:10px;background:var(--blue);border-color:var(--blue)}
 .studio-footer{padding:24px 16px 20px;margin-top:22px}
 .brand-footer-copy p{font-size:14px;line-height:1.6}
 .brand-footer-links{gap:10px 20px}
 .brand-footer-links a{font-size:14px;min-height:48px}
 .brand-footer-bottom{font-size:12px;line-height:1.6;flex-wrap:wrap}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto;border-radius:16px}
 dialog h2{font-size:24px;padding-right:34px}
 dialog p,#exportStatus{font-size:15px;line-height:1.6}
 dialog>button:not(.close),#cropDialog>button:not(.close){font-size:16px;min-height:52px;width:100%;display:flex;justify-content:center;margin:12px 0 0}
 .close{width:48px;height:48px;min-height:48px;top:8px;right:8px;color:#435371}
 #cropCanvas{max-height:42dvh;object-fit:contain}
 .model-requirements p,.model-requirements li,.model-status{font-size:14px;line-height:1.7;color:#435371}
}
@media(max-width:359px){.inspector-tabs button{font-size:13px}.mobile-action-bar button{font-size:14px}.asset-summary strong{font-size:12px}.scene-copy strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.crop-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:14px}
.crop-actions button{min-height:44px;padding:10px 20px}
@media(max-width:759px){
 .crop-actions{position:sticky;bottom:-20px;z-index:5;background:#fff;padding:12px 0 6px;border-top:1px solid #e5e9f3;margin-top:12px}
 .crop-actions button{flex:1;min-height:52px;font-size:16px;padding:12px;margin:0}
}
/* White artwork must remain visible while positioning transparent uploads. */
#cropCanvas{background:repeating-conic-gradient(#717b8c 0% 25%,#8c95a4 0% 50%) 0/20px 20px}

@media(max-width:759px){
 .site-header{position:sticky;top:0;z-index:25;background:#fffffff5;box-shadow:0 3px 14px #2535680c}
 .inspector-tabs{top:var(--brand-header-height,100px)}
 .viewport,.inspector{scroll-margin-top:calc(var(--brand-header-height,100px) + 10px)}
}