:root{font-family:Segoe UI,Arial,sans-serif;color:#243734;background:#edece5;font-synthesis:none;font-weight:400;font-size:13px;--paper:#f5f3ed;--ink:#243734;--muted:#7e8780;--line:#deded2;--accent:#6b7d6b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button,select,input{outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;flex:none}button:hover{filter:brightness(.95)}.atelier{height:100dvh;min-height:550px;overflow:hidden;position:relative;background:#a7b8bf}.stage{position:absolute;inset:0 374px 0 0;transition:right .45s}.stage:after{content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#051b226e)}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}.brand{position:absolute;z-index:2;left:34px;top:29px;display:flex;align-items:center;gap:22px;color:#f9f7f0;text-shadow:0 1px 12px #17344466}.brand a{display:flex;gap:12px;align-items:center}.brand-symbol{font-family:Georgia,serif;font-size:31px;letter-spacing:-3px;line-height:1}.brand-symbol span{display:block;font-size:17px;letter-spacing:0;text-align:center;border-top:1px solid #ffffff9a;margin-top:4px;padding-top:2px}.brand-name{letter-spacing:2.8px;font-size:11px;font-weight:600}.brand-name small{display:block;font-size:8px;letter-spacing:3.6px;margin-top:6px;font-weight:400}.brand-divider{height:28px;width:1px;background:#ffffff5e}.edition{font-size:8px;line-height:1.6;letter-spacing:2px}.scene-tools{position:absolute;z-index:2;right:24px;top:32px;display:flex;align-items:center;gap:12px;color:#fff5e6}.light-tag{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.3px}.light-tag svg{width:16px;height:16px}.quality-control{border-left:1px solid #ffffff55;padding-left:12px}.quality-control select{background:transparent;color:inherit;font-size:10px;border:0;cursor:pointer;max-width:100px}.quality-control option{color:#243734;background:#f5f3ed}.icon-button{display:grid;place-items:center;width:28px;height:28px;padding:3px}.scene-caption{position:absolute;left:35px;bottom:149px;z-index:2;color:#fff8e9;pointer-events:none;text-shadow:0 2px 25px #17344470}.eyebrow{font-size:8px;letter-spacing:2.25px;font-weight:600}.scene-caption h1{font:400 clamp(26px,3.15vw,49px)/1.03 Georgia,serif;letter-spacing:-1.7px;margin:14px 0 13px}.scene-caption h1 em{font-weight:400}.scene-caption p{font-size:10px;letter-spacing:.25px;margin:0;color:#f6f1dfce}.navigation-hint{position:absolute;right:27px;bottom:143px;z-index:2;color:#ffffffb3;font-size:9px;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.navigation-hint>span{font-size:21px}.navigation-hint i{font-style:normal;opacity:.5}.camera-dock{position:absolute;z-index:2;bottom:58px;left:34px;right:27px;display:flex;gap:3px;align-items:center;background:#f5f3edf2;backdrop-filter:blur(15px);border:1px solid #ffffff6b;border-radius:8px;padding:9px 8px;box-shadow:0 6px 30px #152d3320}.dock-label{font-size:8px;letter-spacing:1.8px;padding:0 14px 0 7px;color:#8c9289;white-space:nowrap}.camera-dock button{padding:10px 8px;border-radius:4px;flex:1;white-space:nowrap;font-size:10px;transition:background .2s}.camera-dock button.active{background:#e1e6dc;color:#324c3f}.scene-footer{position:absolute;bottom:21px;left:35px;right:28px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#e0e7e4}.scene-footer>span{display:flex;align-items:center;gap:8px}.live-dot{width:4px;height:4px;background:#c8d9bc;border-radius:50%;display:inline-block}.scene-footer button{font-size:8px;letter-spacing:1px;opacity:.7}.configurator{position:absolute;right:16px;top:16px;bottom:16px;width:342px;background:var(--paper);border-radius:10px;z-index:4;display:flex;flex-direction:column;box-shadow:0 20px 55px #20353820;transition:transform .45s,opacity .3s}.panel-heading{padding:26px 25px 20px}.panel-heading .eyebrow{color:#85907f}.panel-heading>div{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font:400 31px Georgia,serif;letter-spacing:-.9px;margin:11px 0 10px}.panel-heading p{font-size:9px;color:var(--muted);margin:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 13px}.categories button{display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;border-radius:5px;padding:10px 3px;color:#8c9388;font-size:9px}.categories button svg{width:19px;height:19px}.categories button.active{background:#e4e9de;color:#385445}.options{overflow:auto;flex:1;padding:23px 25px 16px;scrollbar-width:thin;scrollbar-color:#cbd1c3 transparent}.option-title h3{font:400 22px/1.2 Georgia,serif;letter-spacing:-.4px;margin:10px 0 7px}.option-title .eyebrow{color:#8a9584;font-size:7px}.option-title p{font-size:9px;color:#888d81;line-height:1.5;margin:0 0 23px}.field-label{display:block;font-size:9px;letter-spacing:.5px;margin:22px 0 10px;color:#747e72}.select-wrap{position:relative}.select-wrap select{border:1px solid #d9dece;appearance:none;width:100%;background:#ffffff4a;border-radius:5px;padding:12px 32px 12px 12px;font-size:11px;color:#3a4c42;cursor:pointer}.select-wrap>svg{position:absolute;right:10px;top:11px;transform:rotate(90deg);width:14px;pointer-events:none}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 8px;margin:16px 0 4px}.swatch{display:flex;align-items:center;gap:9px;text-align:left;font-size:9px;padding:3px 0}.swatch-disc{position:relative;width:35px;height:35px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000000c,inset -5px -6px 12px #0000000c;display:grid;place-items:center}.swatch-disc:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;transition:border .2s}.swatch.selected .swatch-disc:before{border-color:#6c7f69}.checkmark{font-size:13px;color:#fff;opacity:0;text-shadow:0 1px 3px #0008}.swatch.selected .checkmark{opacity:1}.swatch-disc[style*="#eee"],.swatch-disc[style*="#ffffff"],.swatch-disc[style*="#dfd"]{color:#485e50}.swatch-disc[style*="#eee"] .checkmark,.swatch-disc[style*="#ffffff"] .checkmark,.swatch-disc[style*="#dfd"] .checkmark{color:#485e50;text-shadow:none}.swatch-disc.wood{background:repeating-linear-gradient(91deg,#ffffff15 0 2px,#00000017 2px 3px,transparent 3px 6px),var(--swatch)}.swatch-disc.leather{background:radial-gradient(#ffffff22 .6px,transparent 1px) 0 0/3px 3px,var(--swatch)}.finish-toggle{display:flex;border:1px solid #d7ddcc;border-radius:5px;padding:3px;gap:3px}.finish-toggle button{flex:1;padding:9px;font-size:10px;border-radius:3px;color:#89907e}.finish-toggle button.selected{background:#e0e6d7;color:#3e5440}.apply-all{display:flex;justify-content:space-between;align-items:center;padding:14px 0;width:100%;margin-top:13px;font-size:9px;border-bottom:1px solid var(--line);color:#62765d}.apply-all>span{font-size:15px}.material-note{display:flex;gap:6px;align-items:flex-start;font-size:8px;line-height:1.65;color:#969b8c;margin-top:19px}.note-dot{display:inline-block;border-radius:50%;background:#9daa8c;flex:none;width:4px;height:4px;margin-top:5px}.panel-footer{padding:16px 25px 15px;border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 10px 10px}.capture-button{background:#3d5648;color:#faf9ef;width:100%;display:flex;gap:9px;justify-content:center;align-items:center;border-radius:5px;padding:13px;font-size:10px;letter-spacing:.3px}.capture-button svg{width:17px;height:17px}.secondary-actions{display:flex;justify-content:space-between;margin-top:13px}.secondary-actions button{display:flex;align-items:center;gap:5px;font-size:8px;color:#858e80;padding:3px 0}.secondary-actions svg{width:13px;height:13px}.prototype-label{display:block;text-align:center;font-size:7px;color:#adb1a4;letter-spacing:1px;margin-top:17px}.open-panel{display:none;position:absolute;right:24px;top:95px;z-index:3;background:var(--paper);padding:12px 16px;gap:10px;border-radius:5px;align-items:center;font-size:11px}.collapsed .stage{right:0}.collapsed .configurator{transform:translate(380px);opacity:0;pointer-events:none}.collapsed .open-panel{display:flex}.loading{position:absolute;inset:0;z-index:20;background:#f3f1e8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3a5145;transition:opacity .7s}.loading.loaded{opacity:0;pointer-events:none}.loading h2{font:400 61px/.96 Georgia,serif;letter-spacing:-2px;text-align:center;margin:36px 0 30px}.loading h2 em{font-weight:400}.loading p{font-size:11px;max-width:500px;line-height:1.7;text-align:center}.load-track{height:2px;background:#d5dacb;width:220px;margin:21px 0 10px}.load-track>div{height:100%;width:0;background:#5c7560;transition:width .3s}.loading>span:last-child{font-size:9px;color:#82927c}.loading .capture-button{width:220px;margin-top:20px}.toast{position:absolute;z-index:40;bottom:120px;left:50%;transform:translate(-50%,12px);background:#f7f5edf5;padding:13px 20px;border-radius:6px;font-size:11px;box-shadow:0 5px 25px #18313b30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:80%}.toast.visible{opacity:1;transform:translate(-50%)}.text-input{width:100%;padding:12px;border:1px solid #d6ddcd;background:#fff9;border-radius:5px;font:18px Georgia,serif;color:#385142}.type-note{font-size:8px;color:#9a9f8f;margin-top:8px}.name-colors{display:flex;gap:13px;align-items:center;padding:6px 0}.name-colors>button{width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #0001;position:relative}.name-colors>button[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border:1px solid #6c7f69;border-radius:50%}.free-color{position:relative;height:30px;width:30px;border:1px dashed #a5b09a;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:20px;color:#94a289}.free-color input{opacity:0;position:absolute;inset:0;cursor:pointer;width:100%;height:100%;padding:0}.range-label{display:block;font-size:9px;color:#748170;margin-top:20px}.range-label input{display:block;width:100%;margin-top:13px;accent-color:#5e7d62;height:3px;cursor:pointer}.text-action{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:9px;color:#63815f}.text-action svg{width:14px;height:14px}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;position:relative;margin-top:25px}.switch-row input{position:absolute;right:0;opacity:0;width:34px;height:20px;z-index:1;cursor:pointer}.switch{width:34px;height:20px;background:#c9cfbf;border-radius:20px;position:relative}.switch:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;background:#f5f3ed;border-radius:50%;transition:left .2s}.switch-row input:checked+.switch{background:#70856a}.switch-row input:checked+.switch:after{left:17px}.fender-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #e3e5da;font-size:10px}.fender-row>span{display:flex;gap:9px;align-items:center}.fender-dot{width:8px;height:13px;background:#364341;border-radius:5px;display:inline-block}.fender-dot.ivory{background:#d7d4bf}.fender-row input{accent-color:#5e7d62}dialog{border:1px solid #dde2d6;border-radius:10px;background:var(--paper);color:var(--ink);width:min(650px,90vw);max-height:85vh;padding:24px}dialog::backdrop{background:#102d365c;backdrop-filter:blur(4px)}.dev-heading{display:flex;align-items:center;justify-content:space-between}.dev-heading h2{font:28px Georgia,serif;margin:0}.dev-actions{display:flex;align-items:center;gap:20px;margin:20px 0;font-size:11px}.dev-actions button{background:#dce5d6;padding:10px;border-radius:5px}dialog p{font-size:11px;color:#86917f}dialog pre{font:10px/1.7 Consolas,monospace;white-space:pre-wrap;background:#e8ece2;padding:15px;border-radius:5px;overflow-wrap:anywhere}details summary{cursor:pointer;font-size:11px}.dev-range{display:grid;grid-template-columns:160px 1fr 40px;gap:10px;margin:14px 0;font-size:11px}.dev-range input{accent-color:#6a8260}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1600px){.configurator{width:365px;right:22px;top:22px;bottom:22px}.stage{right:409px}.options{padding:27px 29px}.panel-heading{padding:29px}.panel-footer{padding:20px 29px}.categories{padding:14px 17px}.swatches{gap:19px 8px}.swatch-disc{width:40px;height:40px}.swatch{font-size:11px}.field-label,.panel-heading p,.option-title p{font-size:10px}}@media(max-width:1100px){.brand{left:24px;gap:14px}.edition,.brand-divider,.light-tag{display:none}.camera-dock{left:22px;right:22px;gap:0;flex-wrap:wrap}.dock-label{display:none}.camera-dock button{font-size:9px;padding:10px 6px}.scene-caption{left:24px;bottom:170px}.navigation-hint{bottom:144px;right:auto;left:24px;font-size:8px}.scene-footer{left:24px;right:24px}.scene-caption h1{font-size:34px}.scene-tools{right:20px}.configurator{width:320px;right:12px;top:12px;bottom:12px}.stage{right:344px}.panel-heading,.options{padding:21px}.panel-footer{padding:16px 21px}.camera-dock{bottom:56px}}@media(max-width:740px),(max-width:1000px)and (max-height:500px){.atelier{min-height:0}.stage{right:0;bottom:0}.brand{left:18px;top:20px}.brand-name{font-size:9px}.brand-name small{font-size:7px}.brand-symbol{font-size:26px}.scene-tools{top:23px;right:14px}.scene-caption{left:20px;bottom:calc(188px + env(safe-area-inset-bottom,0px))}.scene-caption h1{font-size:31px}.scene-caption p,.navigation-hint{display:none}.camera-dock{left:16px;right:16px;bottom:calc(50px + env(safe-area-inset-bottom,0px));padding:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.camera-dock::-webkit-scrollbar{display:none}.camera-dock button{padding:9px 10px;min-height:44px}.camera-dock button{flex:0 0 auto;min-width:78px}.configurator{width:calc(100% - 24px);max-width:360px;right:12px;top:88px;bottom:12px;box-shadow:0 10px 100px #15384599}.panel-heading{padding:18px 21px 16px}.panel-heading h2{font-size:27px;margin:8px 0}.categories{padding:7px 12px}.categories button{padding:7px 3px}.options{padding:16px 21px}.option-title h3{font-size:21px}.panel-footer{padding:12px 21px}.prototype-label{margin-top:10px}.open-panel{top:auto;bottom:calc(124px + env(safe-area-inset-bottom,0px));right:16px;min-height:44px}.collapsed .configurator{transform:translate(110%)}.scene-footer{left:20px;right:20px;bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:26px}.loading h2{font-size:48px}.dev-range{grid-template-columns:125px 1fr 32px}.dev-actions{flex-direction:column;align-items:flex-start}.toast{bottom:110px;width:max-content;max-width:90vw}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.close-view .scene-caption{opacity:0;transition:opacity .3s}.language-button{font-size:10px;letter-spacing:1px;border:1px solid #ffffff55;border-radius:4px;padding:6px}.sound-muted,.muted .sound-waves{display:none}.muted .sound-muted{display:block}.range-ends{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:#9a9f8f}.place-name-button{width:100%;margin-top:22px;padding:11px;border:1px solid #cad4c2;border-radius:5px;color:#496748;font-size:10px}.place-name-button[aria-pressed=true]{background:#dee7d6}.scene-tools .icon-button{flex:none}@media(max-width:740px),(max-width:1000px)and (max-height:500px){.scene-tools{gap:6px}.quality-control{padding-left:0;border-left:0}.quality-control select{max-width:83px}.language-button{padding:5px}}.loading-language{position:absolute;top:24px;right:28px;border-color:#6b7d6b66}.default-export{display:block;width:100%;font-size:8px;color:#62765d;padding:8px 0 0;margin-top:7px}.default-export+.prototype-label{margin-top:10px}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:360px){.brand a{gap:8px}.brand-name{font-size:8px;letter-spacing:2px}.brand-name small{font-size:6px;letter-spacing:2.5px}}@media(max-width:740px)and (max-height:680px),(max-width:1000px)and (max-height:500px){.configurator{top:12px;overflow-y:auto;overscroll-behavior-y:contain}.configurator>div,.configurator>nav{flex-shrink:0}.panel-heading{position:sticky;top:0;z-index:1;background:var(--paper);padding:12px 21px;border-radius:10px 10px 0 0}.panel-heading>.eyebrow,.panel-heading p{display:none}.options{flex:0 0 auto;overflow:visible}}@media(max-width:1000px)and (max-height:500px){.scene-caption{bottom:calc(124px + env(safe-area-inset-bottom,0px))}.scene-caption h1{font-size:26px;margin:8px 0}.scene-caption>.eyebrow{display:none}}
