:root{font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;color:#e3e5d8;background:#303e35;font-synthesis:none;--muted:#b4bcae;--panel:#263329eb;--line:#dae2c829;--accent:#e1e6d1}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;color:inherit;cursor:pointer;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.35;cursor:wait}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}#scene{display:block;width:100%;height:100%;outline:0;touch-action:none}.header{position:absolute;top:36px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:17px;color:inherit;text-decoration:none;font-size:25px;letter-spacing:-.6px;line-height:1.2}.brand svg{width:36px;height:42px;color:#c8d0b9}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:500;color:var(--muted)}.brand .eyebrow{display:block;margin-top:10px;letter-spacing:2.9px;font-size:10px}.live{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2.4px;color:#bac4b1;white-space:nowrap}.live i,.mode-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cbd7b5;margin-right:9px}.tools{display:flex;gap:8px;align-items:center}.tools button{padding:10px;border-radius:50%;color:#c1c9b8;transition:.2s}.tools button:hover,.tools button[aria-pressed=true]{background:#d3ddbd20;color:#f5f7eb}.tools .divider{height:22px;width:1px;background:var(--line);margin:0 5px}.views{position:absolute;top:43%;left:40px;width:235px;transform:translateY(-25%)}.views>.eyebrow{margin:0 0 20px 10px}.views button{display:flex;width:100%;align-items:center;gap:14px;padding:17px 14px;border-radius:8px;text-align:left;font-size:13px;color:#b6c0b0;margin:4px 0;transition:background .25s,color .25s}.views button small{margin-left:auto;font-size:9px;color:#91a18b}.views button.active{color:#e7ebda;background:var(--panel)}.views button.active small{font-size:0}.views button.active small:after{content:"";display:block;width:4px;height:4px;background:#d5e0bc;border-radius:50%}.views button:hover{background:#1c2b2155;color:#f4f6e8}.views svg{width:18px;height:18px;flex-shrink:0}.scene-info{position:absolute;right:48px;bottom:162px;max-width:285px;text-shadow:0 1px 15px #18251b45}.scene-info h1{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:20px 0 10px}.scene-info>p:not(.eyebrow){color:#bdc5b5;font-size:12px;line-height:1.7;margin-bottom:19px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:8px;letter-spacing:.8px;border:1px solid #c5d3ad24;padding:7px 8px;border-radius:3px;color:#b8c4ad}.navigation{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);text-align:center}.mode-caption{display:flex;align-items:center;justify-content:center;font-size:11px;color:#c0c9b6;margin:0 0 24px;white-space:nowrap}.mode-caption b{padding:0 9px;font-weight:400;color:#8c9d81}.mode-caption i{width:4px;height:4px}.segments{display:flex;padding:6px;background:var(--panel);border:1px solid #e1efc40a;border-radius:11px;box-shadow:0 12px 35px #15261b15;gap:3px}.segments button{padding:14px 20px;display:flex;gap:9px;align-items:center;border-radius:7px;font-size:13px;color:#b9c5ae;white-space:nowrap}.segments button.active{background:var(--accent);color:#354332}.segments button:hover:not(.active){background:#d3ddbd10}.segments svg{width:17px;height:17px}footer{position:absolute;bottom:48px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b6c2ab;pointer-events:none}footer>span,footer>button{display:flex;gap:9px;align-items:center}footer>button{pointer-events:auto;padding:6px}footer svg{width:15px;height:15px}#mobile-menu{display:none}.walk-pad{position:absolute;bottom:163px;left:50%;transform:translateX(-50%);text-align:center}.walk-pad[hidden]{display:none}.walk-pad button{display:inline-flex;align-items:center;justify-content:center;font-size:23px;width:32px;height:32px;background:#203027b8;border-radius:4px;margin:2px}.walk-pad button:active{background:#b6c4a499}.walk-pad div{display:flex}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#303e35;z-index:20;transition:opacity .8s,visibility .8s}.loader-mark svg{width:45px;height:45px;color:#dce2ca;animation:breath 2s ease-in-out infinite}#loading h2{font-size:24px;font-weight:400;margin:30px 0 8px;letter-spacing:-.7px}#loading p{font-size:12px;color:#b5c1aa}.load-track{width:220px;height:2px;background:#e1e6d122;margin:20px 0 45px;overflow:hidden}#load-progress{width:4%;height:100%;background:#dce5c9;transition:width .3s}#loading small{font-size:10px;letter-spacing:1.5px;color:#9fac94}#loading.ready{opacity:0;visibility:hidden;pointer-events:none}#toast{position:absolute;top:110px;left:50%;transform:translate(-50%,-10px);padding:12px 20px;border-radius:7px;background:#1c2b22ef;border:1px solid var(--line);font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}#details{color:#dfe6d5;background:#2a382f;border:1px solid #ccd4bb38;border-radius:14px;max-width:560px;width:calc(100% - 30px);max-height:85vh;padding:36px 40px;box-shadow:0 25px 100px #05150bab}#details::backdrop{background:#101d1666;backdrop-filter:blur(7px)}#close-details{position:absolute;right:18px;top:10px;font-size:28px;color:#b2c0a7}#details h2{font-size:27px;font-weight:400;letter-spacing:-.8px;margin:21px 0}#details h3{font-size:14px;margin:26px 0 10px;font-weight:500}#details p,#details li{font-size:13px;line-height:1.8;color:#bdc8b2}#details ul{padding-left:18px}#details .source-note{font-size:11px;border-top:1px solid var(--line);padding-top:18px}.materials{display:grid;gap:17px;margin:25px 0}.materials>div{display:grid;grid-template-columns:38px 1fr;column-gap:13px}.materials b{font-size:13px;font-weight:500}.materials small{grid-column:2;font-size:11px;color:#b2bfa7;margin-top:4px}.swatch{width:38px;height:38px;grid-row:span 2;border-radius:50%;border:1px solid #fff2}.swatch.stone{background:#d4c7a8}.swatch.taj{background:#e4dcc6}.swatch.wood{background:#92704b}#dimension-labels{pointer-events:none;position:absolute;inset:0}.dimension-label{position:absolute;transform:translate(-50%,-50%);background:#273a2eee;border:1px solid #d3dfb655;border-radius:4px;padding:5px 8px;font-size:11px;white-space:nowrap;letter-spacing:.4px;color:#e7edda}.inside .scene-info{background:#27372fee;padding:22px;border-radius:8px;right:35px;bottom:140px}.inside .scene-info h1{margin-top:14px}.inside .views{background:#2c3a31dc;padding:15px;border-radius:10px;width:250px}.inside .views>.eyebrow{margin-top:7px}.inside .header{filter:drop-shadow(0 1px 7px #142617)}@keyframes breath{50%{opacity:.35;transform:translateY(-4px)}}@media(min-width:1600px){.header{top:48px;left:60px;right:60px}.views{left:60px;width:255px}.views button{font-size:14px;padding:20px 15px}.scene-info{right:60px;bottom:180px}.scene-info h1{font-size:28px}.scene-info>p:not(.eyebrow){font-size:14px}footer{left:60px;right:60px;font-size:12px}}@media(max-width:900px){.header{top:24px;left:24px;right:24px}.live{display:none}.views{left:24px;width:190px}.views button{gap:9px;padding:13px 10px;font-size:12px}.scene-info{right:25px;bottom:150px;max-width:230px}.scene-info h1{font-size:21px}.scene-info .tags{display:none}footer{left:24px;right:24px;bottom:35px}footer>span{font-size:0}footer>span svg{display:none}.navigation{bottom:22px}.segments button{padding:13px 16px}.tools{gap:0}}@media(max-width:640px){.header{top:20px;left:18px;right:15px;align-items:flex-start}.brand{font-size:19px;gap:10px}.brand svg{width:25px;height:31px}.brand .eyebrow{font-size:8px;letter-spacing:2px;margin-top:7px}.tools button{padding:7px}.tools svg{width:18px;height:18px}.tools .divider,#fullscreen,#capture{display:none}#mobile-menu{display:flex;align-items:center;gap:8px;position:absolute;left:18px;top:94px;padding:11px 13px;background:#25372cf2;border-radius:7px;font-size:12px}#mobile-menu svg{width:16px;height:16px}.views{display:none;left:18px;top:140px;transform:none;width:238px;background:#29392ef5;padding:13px;border-radius:9px;z-index:4}.views.open{display:block}.views>.eyebrow{margin:6px 10px 10px}.views button{font-size:13px;padding:13px 10px}.inside .views{width:238px}.scene-info,.inside .scene-info{left:21px;right:21px;bottom:149px;max-width:none;padding:0;background:none;pointer-events:none}.scene-info>.eyebrow{font-size:8px;letter-spacing:1.8px}.scene-info h1,.inside .scene-info h1{font-size:22px;margin:8px 0}.scene-info>p:not(.eyebrow){font-size:11px;margin:0;max-width:260px}.inside .scene-info{text-shadow:0 1px 12px #0c1b10}.navigation{bottom:37px}.mode-caption{font-size:10px;margin-bottom:13px}.segments button{padding:12px 17px;font-size:12px;gap:7px}.segments svg{width:15px;height:15px}footer{bottom:9px;left:0;right:0;justify-content:center}footer>span{display:none}footer button{font-size:10px}footer svg{width:12px;height:12px}.walk-pad{left:auto;right:18px;transform:none;bottom:170px}.walk-pad button{width: 30px;height:30px}.inside .scene-info>p:not(.eyebrow){max-width:210px}#details{padding: 30px 25px}#toast{top:150px;max-width:90%;width:max-content;white-space:normal}}

.focused .header .brand{background:#2c3a31eb;padding:10px 15px;border-radius:9px}.focused .tools{background:#2c3a31eb;padding:4px;border-radius:28px}.focused .views{background:#2c3a31eb;padding:15px;border-radius:10px}.focused .scene-info{background:#27372fee;padding:22px;border-radius:8px}.focused footer{color:#e3e5d8;text-shadow:0 1px 4px #183220}.focused .mode-caption{background:#2c3a31da;padding:7px 12px;border-radius:20px}@media(max-width:640px){.focused .header .brand{padding:8px 10px;margin-left:-7px}.focused .tools{padding:2px}.focused .scene-info{padding:12px 14px;right:115px}.focused .scene-info h1{font-size:19px}.focused .scene-info>p:not(.eyebrow){max-width:205px}.focused .scene-info>.eyebrow{display:none}}

#view-fade{position:absolute;inset:0;background:#303e35;opacity:0;pointer-events:none}#retry{padding:12px 20px;background:#e1e6d1;color:#354332;border-radius:7px;margin:0 0 24px}#retry[hidden]{display:none}.focused footer>span,.focused footer>button{background:#2c3a31dd;border-radius:6px;padding:7px 10px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.tools #personalize{display:flex;align-items:center;gap:8px;border-radius:22px;padding:10px 14px;font-size:12px;background:#d3ddbd16;color:#e3e8d5}
.customizing .views,.customizing .scene-info,.customizing #mobile-menu{visibility:hidden}
.tools #personalize[aria-expanded=true]{background:var(--accent);color:#354332}
#customization{position:absolute;right:40px;top:113px;width:308px;max-height:calc(100dvh - 146px);overflow:auto;background:#29392ff5;border:1px solid #d4dfc02b;border-radius:13px;padding:22px;box-shadow:0 20px 65px #10221740;z-index:8;backdrop-filter:blur(18px)}
#customization[hidden]{display:none}.customization-heading{display:flex;align-items:flex-start;justify-content:space-between}.customization-heading .eyebrow{margin:0 0 10px}.customization-heading h2{font-size:25px;font-weight:400;letter-spacing:-.8px;margin:0}#close-customization{font-size:26px;line-height:1;padding:2px 5px;color:#b5c2ab}.customization-intro{font-size:12px;line-height:1.6;color:#b5c3ac;margin:12px 0 24px}#customization fieldset{padding:0;margin:0 0 23px;border:0;min-width:0}#customization legend{font-size:12px;color:#dce4d2;margin:0 0 11px;padding:0}.design-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}#customization label{position:relative;cursor:pointer}#customization input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.choice-card{display:flex;flex-direction:column;border:1px solid #cad6b726;border-radius:8px;padding:13px 11px 12px;background:#20302766;transition:background .18s,border-color .18s}.choice-card svg{width:100%;height:66px;color:#b7a182;stroke-width:1.1;margin-bottom:9px}.choice-card b,.finish-card b{font-size:12px;font-weight:500}.choice-card small,.finish-card small{display:block;font-size:10px;color:#afbea5;margin-top:5px}.choice-card small{font-size:9px;white-space:nowrap}#customization input:checked+.choice-card{border-color:#d2ddbb;background:#d3ddb315}#customization input:checked+.choice-card svg{color:#e1d2b6}#customization input:focus-visible+span{outline:2px solid #e2e9d3;outline-offset:3px}.finish-options{display:grid;gap:8px}.finish-card{display:flex;gap:11px;align-items:center;border:1px solid #cad6b726;border-radius:8px;padding:11px;background:#20302766;transition:.18s}#customization input:checked+.finish-card{border-color:#d2ddbb;background:#d3ddb315}.sample{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff22;flex-shrink:0}.sample-stone{background:repeating-linear-gradient(172deg,#d3c3a3 0px,#e2d6bc 4px,#d6c7a9 8px,#ccb995 9px,#e0d3b8 15px)}.sample-wood{background:repeating-linear-gradient(91deg,#93714b 0px,#b18b5d 4px,#a27d50 5px,#bd986b 9px,#99764f 13px)}.choice-check{margin-left:auto;opacity:0;font-size:15px;color:#d5e2be}#customization input:checked+.finish-card .choice-check{opacity:1}#appearance-summary{font-size:11px;color:#d2dec2;line-height:1.5;margin:0 0 15px}.customization-actions{display:grid;gap:8px}.customization-actions button{padding:11px;border-radius:6px;font-size:11px}#view-panel{background:#e0e6d1;color:#344232;display:flex;justify-content:space-between}#reset-appearance{color:#b6c5a9;border:1px solid #cad6b720}.customization-note{font-size:10px;color:#94a78a;line-height:1.6;margin:15px 0 0}
@media(min-width:1600px){#customization{right:60px;top:132px}}@media(max-width:1000px){.personalize-label{display:none}.tools #personalize{padding:10px}.live{display:none}}@media(max-width:640px){.tools #personalize{padding:7px}#customization{right:15px;top:83px;width:min(308px,calc(100vw - 30px));max-height:calc(100dvh - 101px);padding:19px}.customization-intro{margin-bottom:19px}.choice-card svg{height:54px}#customization fieldset{margin-bottom:18px}}

.customization-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:20px 0 0;border-radius:8px;background:#192a2166}.customization-tabs button{padding:10px 5px;border-radius:5px;color:#afbea5;font-size:11px}.customization-tabs button[aria-selected="true"]{background:#d3ddb324;color:#e1e9d5}.customization-tabs button:focus-visible{outline:2px solid #e2e9d3;outline-offset:2px}#config-panel[hidden]{display:none}

#config-wood[hidden]{display:none}.sample-mdf{width:46px;height:46px;border-radius:7px;background-size:cover;background-position:center}.sample-freijo{background-image:url('./assets/mdf/freijo-original.jpg')}.sample-hanover{background-image:url('./assets/mdf/carvalho-hanover.webp')}.sample-caiena{background-image:url('./assets/mdf/nogueira-caiena.webp')}#customization input:disabled+span{opacity:.4;cursor:not-allowed}#wood-load-note{font-size:11px;line-height:1.5;color:#e0c9a0;margin:0 0 15px}

#panel-change-wood{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;border:1px solid #cad6b742;border-radius:6px;font-size:12px;color:#e0e6d1;margin:-9px 0 22px}#panel-change-wood:hover{background:#d3ddb318}

/* Mobile controls reserve their own space; the model never sits behind a sheet. */
#stage{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}
#mobile-view-title,#mobile-actions,#walk-toggle,#mobile-about,.sheet-heading{display:none}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 #app{height:100dvh;--header-height:calc(64px + env(safe-area-inset-top,0px));--dock-height:calc(118px + env(safe-area-inset-bottom,0px));--sheet-height:0px;background:#2c3a31}
 #stage{top:var(--header-height);bottom:calc(var(--dock-height) + var(--sheet-height));border-top:1px solid #e1e6d112;border-bottom:1px solid #e1e6d112}
 .header,.focused .header{position:absolute;inset:0 0 auto;min-height:var(--header-height);padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));align-items:center;filter:none;z-index:5;background:#2c3a31}
 .brand,.focused .header .brand{font-size:16px;gap:9px;letter-spacing:-.4px;padding:0;margin:0;background:none;border-radius:0}
 .brand svg{width:25px;height:30px}.brand .eyebrow{font-size:7px;letter-spacing:1.9px;margin-top:5px}
 #mobile-view-title{display:block;max-width:40%;font-size:11px;line-height:1.4;color:#bfc8b6;text-align:right;pointer-events:none}
 .live,.scene-info,.inside .scene-info,.focused .scene-info,footer,.mode-caption{display:none!important}
 #mobile-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;position:absolute;bottom:0;left:0;right:0;height:calc(57px + env(safe-area-inset-bottom,0px));padding:3px max(10px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));border-top:1px solid #e1e6d115;background:#2c3a31;z-index:9}
 #mobile-actions button,#mobile-menu{position:static;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:0 5px;min-height:44px;font-size:11px;border-radius:8px;background:none;color:#cad2bf;visibility:visible!important}
 #mobile-actions svg{width:17px;height:17px;flex-shrink:0}
 #mobile-actions button[aria-expanded=true]{background:#e1e6d1;color:#354332}
 .navigation{position:absolute;left:0;right:0;bottom:calc(57px + env(safe-area-inset-bottom,0px));height:61px;transform:none;display:flex;gap:8px;align-items:center;justify-content:center;padding:7px 12px;background:#2c3a31;z-index:4}
 .segments{padding:3px;gap:3px;background:#1c2b2155;border-radius:9px;box-shadow:none;flex:1;max-width:420px;justify-content:center}
 .segments button{flex:1;justify-content:center;font-size:12px;gap:6px;min-height:44px;padding:9px 8px}
 .segments svg{width:16px;height:16px}
 #walk-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;min-width:48px;min-height:44px;border-radius:7px;color:#ccd6be}
 .inside #walk-toggle{display:flex}
 #walk-toggle[aria-expanded=true]{background:#e1e6d1;color:#354332}
 .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1/-1;min-height:44px;margin-bottom:6px}
 .sheet-heading b{font-size:15px;font-weight:500}.sheet-heading button,#close-customization{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;font-size:25px;padding:0;border-radius:8px;background:#d3ddb312}
 .views,.inside .views,.focused .views{position:fixed;display:none;left:0;right:0;top:auto;bottom:var(--dock-height);transform:none;width:100%;max-height:min(40dvh,320px);margin:0;padding:10px 16px 12px;background:#2c3a31;border:1px solid #d4dfc026;border-radius:15px 15px 0 0;overflow:auto;overscroll-behavior:contain;z-index:8;box-shadow:none}
 .views.open{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;visibility:visible!important}
 .views>.eyebrow{display:none}.views .sheet-heading{margin:0}
 .views button[data-view]{min-height:48px;margin:0;padding:9px 10px;font-size:12px;gap:8px}.views button small{display:none}
 .views button.active{background:#e1e6d1;color:#354332}
 .tools,.focused .tools{display:none;position:fixed;top:auto;bottom:var(--dock-height);left:0;right:0;width:auto;max-height:40dvh;padding:10px 16px 16px;overflow:auto;overscroll-behavior:contain;gap:8px;background:#2c3a31;border:1px solid #d4dfc026;border-radius:15px 15px 0 0;z-index:8;filter:none}
 .tools.open{display:grid;grid-template-columns:1fr 1fr 1fr}
 .tools .sheet-heading{margin:0}.tools .divider,.tools #personalize{display:none}
 .tools button[data-tool-label],#mobile-about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 4px;min-height:68px;border-radius:8px;font-size:11px;background:#20302755}
 .tools button[data-tool-label]:after{content:attr(data-tool-label)}.tools svg{width:20px;height:20px}
 #customization{position:fixed;left:0;right:0;top:auto;bottom:var(--dock-height);width:100%;max-height:min(44dvh,370px);padding:12px 18px 18px;border-radius:15px 15px 0 0;background:#2c3a31;backdrop-filter:none;box-shadow:none;overscroll-behavior:contain}
 #customization .customization-heading{align-items:center}#customization .customization-heading .eyebrow{display:none}#customization h2{font-size:19px;margin:0}
 #close-customization{position:static}#customization .customization-tabs{margin-top:8px}#customization .customization-tabs button{min-height:44px;font-size:12px}
 #customization .customization-intro{margin:12px 0;font-size:12px}#customization fieldset{margin-bottom:14px}#customization legend{font-size:12px}
 .choice-card{padding:8px}.choice-card svg{height:40px}#customization .choice-card small{font-size:10px}
 .customization-actions button,#panel-change-wood{min-height:44px;font-size:12px}
 #customization .finish-card{min-height:62px}.customization-note{font-size:11px}
 .customizing #mobile-menu{visibility:visible!important}
 .walk-pad{display:none!important;position:absolute;left:14px;right:auto;bottom:var(--dock-height);transform:none;width:148px;padding:4px;text-align:center;border-radius:12px 12px 0 0;background:#2c3a31;z-index:3}
 .walking-controls:not(.sheet-open) .walk-pad:not([hidden]){display:block!important}
 #app.walking-controls:not(.sheet-open) #stage{bottom:calc(var(--dock-height) + 104px)}
 .walk-pad button{width:44px;height:44px;margin:2px;border-radius:7px;background:#203027;font-size:24px;touch-action:none;user-select:none;-webkit-user-select:none}
 .walk-pad div{justify-content:center}
 #toast{top:calc(var(--header-height) + 10px);max-width:calc(100% - 32px);font-size:11px;width:max-content;padding:9px 14px;z-index:12}
 #details{padding:26px 22px;max-height:85dvh}#close-details{width:44px;height:44px;top:4px;right:8px}
 #loading h2{font-size:22px}
}
@media(max-height:520px) and (max-width:760px),(max-height:520px) and (pointer:coarse) and (max-width:1024px){
 #app{--header-height:calc(48px + env(safe-area-inset-top,0px));--dock-height:calc(58px + env(safe-area-inset-bottom,0px))}
 .header{padding-top:calc(7px + env(safe-area-inset-top,0px));padding-bottom:7px}
 .brand{font-size:14px}.brand .eyebrow{font-size:6px;margin-top:3px}.brand svg{height:27px}
 #mobile-actions{left:50%;height:var(--dock-height);border-top:0;padding-top:4px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
 .navigation{right:50%;bottom:env(safe-area-inset-bottom,0px);height:58px;padding:5px 8px}
 #stage{bottom:var(--dock-height)}
 .sheet-open #stage{right:310px;bottom:var(--dock-height)}
 .views,.inside .views,.focused .views,.tools,.focused .tools,#customization{left:auto;right:0;width:310px;top:var(--header-height);bottom:var(--dock-height);max-height:none;border-radius:0;padding:8px 12px}
 .views.open{display:block}.views button[data-view]{min-height:44px}.views .sheet-heading{margin-bottom:2px}
 .tools.open{align-content:start;grid-template-columns:1fr 1fr}
 #app.walking-controls:not(.sheet-open) #stage{right:152px;bottom:var(--dock-height)}
 .walk-pad{left:auto;right:0;bottom:var(--dock-height);border-radius:0}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 #customization .customization-heading{position:sticky;top:-12px;z-index:3;padding:8px 0;background:#2c3a31}
 .views .sheet-heading,.tools .sheet-heading{position:sticky;top:-10px;z-index:2;background:#2c3a31}
 #customization{scroll-padding-top:72px}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 .tools #capture,.tools #fullscreen,.tools #mobile-about{display:flex}
}