.demo-bar{background:#382619;color:#f8eddb;padding:10px 3%;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:.025em;flex-wrap:wrap}.demo-bar strong{color:#ddbc7c}.demo-bar div{display:flex;gap:15px}.demo-bar a,.demo-bar button{color:#f7e4c5;font:inherit;background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.demo-bar #demo-sync{color:#ead3aa}.brand-v2 .crest,.nav .crest{width:100px;height:68px;object-fit:contain;max-height:none}.brand-v2>span{max-width:250px;font-size:18px;letter-spacing:.08em}.nav{gap:18px;padding-left:3%;padding-right:3%}.nav .brand-v2{gap:12px}.demo-steps{display:grid;gap:10px;margin:22px 0}.demo-steps a{display:grid;gap:6px;border:1px solid #decdb5;padding:14px;text-decoration:none}.demo-steps a:hover{background:#f3e9db}.demo-steps b{color:#735129}.demo-steps span{font-size:13px;line-height:1.6}dialog{max-height:90vh;overflow-y:auto}@media(max-width:1100px){.nav .brand-v2>span{font-size:14px;max-width:170px}.nav .crest{width:75px;height:50px}.nav .links{gap:13px}.demo-bar{font-size:10px}}@media(max-width:700px){.nav .brand-v2>span{max-width:190px}.demo-bar #demo-sync{width:100%}.demo-bar div{flex-wrap:wrap}.brand-v2 .crest{width:75px;height:50px}}


/* Keep the room and material controls visible together on desktop. */
.studio-v2{--model-height:clamp(720px,86svh,1080px);display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:0 1.5% 48px;align-items:start}
.studio-v2 .studio-controls{max-height:var(--model-height);overflow:auto;scrollbar-gutter:stable}
.studio-v2 .studio-main{display:block;min-width:0}
.studio-v2 .studio-canvas{width:100%;height:var(--model-height);min-height:0;overflow:hidden}
.studio-v2 .studio-canvas canvas{width:100%;height:100%;min-height:0}
.studio-v2.expanded{--model-height:max(540px,calc(100svh - 24px));grid-template-columns:250px minmax(0,1fr);padding:12px;z-index:50}
.studio-zoom{position:absolute;left:20px;top:76px;z-index:3;display:flex;align-items:center;gap:6px;background:#faf3e5ed;border:1px solid #cbb48e;padding:5px 8px}
.studio-zoom button{padding:8px 10px;min-width:36px;min-height:36px;font-size:12px}
.studio-zoom output{min-width:42px;text-align:center;font-size:12px}
.studio-zoom button:disabled{opacity:.35;cursor:default}
.studio-zoom button:hover,.back-to-model:hover{background:#e4d3b5}
.studio-jump,.back-to-model{display:none}
@media(max-width:800px){
 .studio-v2,.studio-v2.expanded{--model-height:clamp(500px,72svh,760px);display:flex;flex-direction:column;padding:0 3% 28px}
 .studio-v2.expanded{--model-height:max(480px,calc(100svh - 16px));padding:8px}
 .studio-v2 .studio-main{display:contents}
 .studio-v2 .studio-controls{max-height:none;overflow:visible;width:100%}
 .studio-v2 .studio-canvas{order:0}
 .studio-v2 .scene-dock,.studio-v2 .studio-lower{width:100%}
 .studio-zoom{left:12px;right:12px;top:86px;flex-wrap:wrap}
 .studio-jump,.back-to-model{display:block}
 .back-to-model{width:100%;padding:10px;margin-bottom:14px;border:1px solid #cfb88f;background:#eee0c8}
}