.mobile-navigation{display:none}
@media(max-width:760px){
 html,body{height:100%;overflow:hidden}body{background:#f4f2ee}.topbar{height:64px;min-height:64px;padding:8px 12px;background:#fff;gap:8px;z-index:4}.topbar .logo{padding:0;background:none}.topbar .logo .brand-logo{width:105px}.topbar .mode,.topbar #toggle-panels,.topbar #about{display:none}.topbar #projects-open{font-size:11px;padding:9px}.top-actions{margin-left:auto}.topbar .top-actions #save{display:block;font-size:0;padding:10px}.topbar #save>span:first-child{font-size:19px}.topbar #reset{min-height:40px;min-width:40px}
 .middle{display:block;padding:0;height:auto}.room-nav{position:fixed;top:64px;left:0;right:0;width:100%;height:52px;border-radius:0;padding:6px 10px;background:#fff;z-index:4}.rooms{gap:5px}.rooms button{min-height:40px;font-size:11px;padding:7px 3px}.room-nav .preset-panel{display:none}
 .stage{position:fixed;top:116px;left:0;right:0;height:36dvh;inset:auto 0 auto 0;top:116px;z-index:0}.viewer{position:fixed;top:116px;left:0;right:0;height:36dvh;z-index:1;pointer-events:none}.viewer>*{pointer-events:auto}.viewer .scene-title{margin:9px 12px}.viewer .view-tools{left:auto;right:10px;top:8px;bottom:auto;max-width:65%;font-size:10px}.view-tools label{padding:6px}.view-tools select{max-width:120px}.viewer .hotspot.wall{top:43%;left:12px}.viewer .hotspot.floor{top:auto;bottom:55px;left:12px}.viewer-bottom{bottom:10px;right:12px}.photo-note{display:none}.compare{min-height:40px}.viewer #object-zoom{font-size:11px;min-height:36px}
 .material-panel{position:fixed;top:calc(116px + 36dvh);bottom:calc(66px + env(safe-area-inset-bottom));left:0;right:0;width:auto;border:0;border-radius:18px 18px 0 0;max-height:none;overflow-y:auto!important;z-index:3;padding-bottom:12px;box-shadow:0 -4px 20px #0001}.panel-title{font-size:15px;padding:13px 16px}.material-panel .surface-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding:10px 12px 0}.material-panel .surface-tabs button{flex:0 0 auto;min-height:42px;padding:9px 12px;font-size:12px;white-space:nowrap}.material-panel .materials{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding:0 12px 12px;gap:9px}.material-panel .material{min-height:185px}.material-panel .swatch{height:100px}.material-panel .search{margin:10px 12px 0;min-height:42px}.material-panel input,.material-panel select{font-size:16px}.catalog-heading{padding:12px}#material-types{padding:10px 12px 0}#material-types button{min-height:38px}#material-filters{margin:10px 12px}.filter-fields{gap:8px}.material-panel #layout-controls{margin:10px 12px;font-size:11px}.material-panel #product-info{min-height:40px}
 .bottom-wrap{display:none;position:fixed;top:calc(116px + 36dvh);bottom:calc(66px + env(safe-area-inset-bottom));left:0;right:0;margin:0;padding:12px;overflow:auto;z-index:3;background:#f4f2ee;border-radius:18px 18px 0 0;gap:12px}.bottom-wrap .selection,.bottom-wrap .summary{width:100%;flex-shrink:0}.chosen{max-height:none}.footer{display:none}
 .mobile-navigation{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:6;background:#fff;border-top:1px solid #e5e1db;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px;min-height:66px}.mobile-navigation button{flex:1;border:0;border-radius:10px;background:transparent;font-size:12px;font-weight:600;min-height:46px;color:#666}.mobile-navigation button[aria-pressed=true]{color:#db6500;background:#fff0e1}
 body[data-mobile-pane=selection] .material-panel,body[data-mobile-pane=scene] .material-panel{display:none}body[data-mobile-pane=selection] .bottom-wrap{display:flex}body[data-mobile-pane=scene] .stage,body[data-mobile-pane=scene] .viewer{height:calc(100dvh - 182px - env(safe-area-inset-bottom))}
 dialog{max-height:88dvh;overflow:auto}#toast{bottom:80px;max-width:90vw;font-size:12px}.enhancement-dialog{width:94vw}
}
@media(max-width:760px){.material-panel,.bottom-wrap{height:calc(64dvh - 182px - env(safe-area-inset-bottom));min-height:0;max-height:calc(64dvh - 182px - env(safe-area-inset-bottom));align-self:auto}.material-panel{display:block}.stage{z-index:0}}