@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/golos-0.woff2) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/golos-1.woff2) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/golos-2.woff2) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/golos-3.woff2) format("truetype")}:root{font-family:Golos Text,Arial,sans-serif;color:#273a30;background:#f7f7f2;font-synthesis:none;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #41674b;outline-offset:4px}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:wait}.app-shell{height:100dvh;min-height:700px;display:flex;flex-direction:column}.topbar{height:94px;flex-shrink:0;display:flex;align-items:center;padding:0 36px;gap:30px;border-bottom:1px solid #e3e6dc;background:#fafbf6}.brand{display:flex;align-items:center;gap:12px;color:#294b34;flex-shrink:0}.brand>span{font-family:Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-1.3px}.brand small{display:block;font-family:Golos Text,sans-serif;font-size:7px;font-weight:550;letter-spacing:1.65px;margin-top:5px}.header-divider{height:32px;width:1px;background:#d9dfd5}.header-title{font-size:14px;font-weight:550}.header-title>span{font-size:11px;display:block;color:#91988e;margin-top:6px;font-weight:400}.header-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.text-button,.share-button{display:flex;align-items:center;gap:8px;font-size:12px}.text-button{color:#7f887d}.share-button{border:1px solid #d6ded2;border-radius:8px;padding:12px 15px;background:#fff}.share-button:hover{background:#ecf0e5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;flex:1;min-height:0}.viewer{position:relative;min-width:0;overflow:hidden;background:#dce4df}.viewer canvas{display:block;touch-action:none}.viewer-heading{position:absolute;z-index:2;left:36px;top:30px;pointer-events:none}.project-kicker{font-size:9px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:7px;color:#5a6c5b}.project-kicker>span{height:5px;width:5px;border-radius:50%;background:#5d7957}.viewer h1{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.8px;margin:12px 0 8px}.viewer-heading p{font-size:11px;color:#6e7c6e;margin:0}.scene-chips{position:absolute;z-index:2;right:26px;top:30px;display:flex;gap:7px;pointer-events:none}.scene-chips>span{display:flex;align-items:center;gap:6px;font-size:10px;background:#fbfcf3d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 10px;border:1px solid #ffffffa0;border-radius:30px;color:#52634d}.live-badge i{background:#639156;height:5px;width:5px;border-radius:50%}.viewer-bottom{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.interaction-help{display:flex;align-items:center;gap:12px;font-size:10px;color:#596e51;padding:10px 12px;background:#f7fae9c4;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.interaction-help span{display:flex;align-items:center;gap:6px}.interaction-help>i{width:1px;height:12px;background:#a1b19a}.viewport-actions{display:flex;gap:8px;align-items:center}.icon-button{width:42px;height:42px;border-radius:9px;background:#fbfcf5e8;border:1px solid #fff;display:grid;place-items:center}.icon-button:hover{background:#fff}.save-button{display:flex;align-items:center;gap:9px;background:#2d5138;color:#fff;border-radius:9px;padding:14px 16px;box-shadow:0 4px 12px #253f2920;font-size:11px;font-weight:500}.save-button:hover,.primary-button:hover{background:#3e6242}.scene-meta{position:absolute;left:32px;bottom:94px;display:flex;gap:18px;align-items:center;background:#f7faeee0;border:1px solid #ffffffaa;border-radius:10px;padding:13px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.meta-project{font-family:Georgia,serif;font-size:25px;border-right:1px solid #cbd5bf;padding-right:17px}.meta-project>span{font-family:Golos Text,sans-serif;font-size:7px;letter-spacing:1.2px;display:block;color:#87917e;margin-top:5px}.scene-meta>div>span{font-size:12px;font-weight:500;display:block}.scene-meta small{font-size:8px;color:#87917e;display:block;margin-top:6px}.demo-badge{position:absolute;right:28px;bottom:99px;display:flex;align-items:center;gap:6px;font-size:9px;padding:8px 10px;background:#fbfcf3b8;border:1px solid #ffffff70;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#607354}.demo-badge:hover{background:#fff}.material-panel{background:#fafbf6;display:flex;flex-direction:column;border-left:1px solid #dce1d7;min-height:0;overflow:hidden}.panel-heading{padding:27px 26px 21px;text-align:left;border-bottom:1px solid #e4e8de;cursor:default;flex-shrink:0}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:500;color:#8c9685;display:block;margin-bottom:10px}.panel-heading strong{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.4px}.panel-scroll{padding:0 26px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce3d3 transparent}.finish-section{padding:20px 0 19px;border-bottom:1px solid #e3e7dd}.section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.section-title h2{font-size:12px;font-weight:550;display:flex;align-items:center;gap:8px;margin:0}.section-index{font-size:8px;color:#a2ac99;font-weight:400}.finish-name{font-size:10px;color:#7a8872;text-align:right}.swatches{display:flex;gap:11px;flex-wrap:wrap}.swatch{padding:0;position:relative}.swatch-color{width:32px;height:32px;background:var(--swatch);border-radius:50%;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;box-shadow:inset 0 0 0 1px #00000010;transition:transform .16s ease,box-shadow .16s}.swatch:hover .swatch-color{transform:scale(1.08)}.swatch.selected .swatch-color{outline:1.5px solid #41633d;outline-offset:4px}.swatch[style*=eeeee6] .swatch-color,.swatch[style*=efeee6] .swatch-color{color:#38513b}.wood-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}.wood{display:flex;align-items:center;flex-direction:column;gap:8px}.wood .swatch-color{width:45px;height:35px;border-radius:5px;background-color:var(--swatch);background-image:url(/textures/wood-grain.webp);background-size:75px;background-blend-mode:multiply}.wood.selected .swatch-color{outline-offset:3px}.swatch-label{font-size:8px;line-height:1.4;text-align:center;max-width:64px;color:#79836f;min-height:22px}.wood.selected .swatch-label{color:#2c4d32;font-weight:550}.panel-note{display:block;font-size:9px;line-height:1.8;color:#919b88;margin:19px 0 12px;position:relative;padding-left:13px}.note-dot{width:4px;height:4px;position:absolute;left:0;top:7px;background:#99ac80;border-radius:50%}.panel-reset{font-size:10px;color:#7c8c71;display:flex;align-items:center;gap:7px;padding:8px 0}.page-footer{display:flex;align-items:center;justify-content:space-between;height:36px;flex-shrink:0;padding:0 30px;background:#f7f8f1;border-top:1px solid #e1e5d9;font-size:9px;color:#8a9480}.page-footer>span{display:flex;align-items:center;gap:6px}.footer-dot{padding:0 5px}.mobile-chevron{display:none}.toast{position:fixed;z-index:15;left:50%;bottom:24px;transform:translate(-50%);background:#2f4e36;color:#fff;border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 5px 24px #233b3220;animation:appear .2s ease}.modal-overlay{position:fixed;inset:0;z-index:20;background:#213d315c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fbfcf6;border-radius:18px;padding:35px;width:100%;max-width:470px;box-shadow:0 20px 70px #1e352a30}.modal>svg{color:#6c865e}.modal h2{font:30px Georgia,serif;margin:18px 0 14px}.modal p{font-size:12px;color:#7a8573;line-height:1.8}.modal strong{color:#415d3e;font-weight:550}.modal label{display:block;font-size:10px;margin-top:24px;color:#7e8b73}.modal input{width:100%;border:1px solid #d4deca;background:#fff;border-radius:8px;padding:12px;font-size:11px;margin:8px 0 14px;color:#66765d}.primary-button{padding:13px 20px;border-radius:8px;background:#2e5138;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:12px}.modal-close{position:absolute;right:16px;top:16px;padding:5px;color:#7e8d73}.loading{position:absolute;inset:0;background:#e3e9df;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;gap:13px}.loading-mark{display:grid;place-items:center;width:66px;height:66px;border:1px solid #aabc9e;border-radius:50%;margin-bottom:7px;animation:breathe 2s infinite}.loading strong{font:25px Georgia,serif}.loading span{font-size:11px;color:#7f8d74}.loading-track{width:180px;height:3px;background:#cdd8c5;margin-top:10px;border-radius:3px;overflow:hidden}.loading-track i{display:block;height:3px;background:#6d875a;transition:width .3s}.scene-error,.webgl-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;background:#e3e9df;z-index:5}.scene-error h2{font:25px Georgia,serif}.scene-error p{color:#7b8974;font-size:12px}.scene-error button{padding:12px 20px;background:#2e5138;color:#fff;border-radius:8px;margin-top:10px}@keyframes appear{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes breathe{50%{opacity:.4}}@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.panel-heading{padding:32px}.panel-scroll{padding:0 32px 24px}.finish-section{padding:24px 0}.swatches{gap:14px}.swatch-color{width:36px;height:36px}.wood .swatch-color{width:51px;height:39px}.viewer h1{font-size:36px}}@media(max-width:1150px){.topbar{padding:0 23px;gap:20px}.header-reset{display:none}.workspace{grid-template-columns:minmax(0,1fr) 310px}.panel-heading{padding:25px 21px 20px}.panel-scroll{padding:0 21px 18px}.panel-heading strong{font-size:23px}.viewer-heading{left:24px}.viewer h1{font-size:26px}.scene-chips{right:20px;top:120px}.live-badge{display:none!important}.interaction-help{display:none}.viewer-bottom{left:22px;right:22px;justify-content:flex-end}.scene-meta{left:22px;bottom:85px}.demo-badge{bottom:24px;left:22px;right:auto;max-width:170px}.demo-badge span{font-size:8px}.swatches{gap:10px}.swatch-color{width:30px;height:30px}}@media(max-width:900px){.app-shell{height:auto;min-height:100dvh}.topbar{height:76px;padding:0 19px;gap:15px}.brand>span{font-size:27px}.brand small{font-size:5.8px;letter-spacing:1.2px}.brand svg{width:29px}.header-divider,.header-title{display:none}.header-actions{gap:0}.share-button{padding:10px;border-radius:50%;width:37px;height:37px;justify-content:center}.share-button span{display:none}.workspace{display:flex;flex-direction:column;flex:none}.viewer{height:59dvh;min-height:405px;max-height:680px}.viewer-heading{top:22px;left:21px}.project-kicker{font-size:8px;letter-spacing:1.4px}.viewer h1{font-size:26px;margin-top:10px}.viewer-heading p{font-size:9px}.scene-chips{top:21px;right:16px}.scene-chips>span{font-size:9px;padding:6px 8px}.scene-chips .live-badge{display:none}.scene-meta{bottom:83px;left:17px;padding:9px 11px;gap:12px;border-radius:8px}.meta-project{font-size:21px;padding-right:12px}.meta-project>span{font-size:6px}.scene-meta>div>span{font-size:10px}.scene-meta small{font-size:7px}.viewer-bottom{bottom:17px;left:17px;right:17px}.save-button{font-size:10px;padding:13px 12px}.icon-button{width:40px;height:40px}.demo-badge{bottom:27px;left:17px;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:4px;max-width:90px;line-height:1.4;text-align:left}.demo-badge>svg:last-child{display:none}.demo-badge span{font-size:8px}.demo-badge>svg{flex-shrink:0;width:12px}.viewport-actions{gap:6px}.material-panel{border-left:0;border-top:1px solid #d7dfce;overflow:visible}.panel-heading{padding:23px 22px 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.panel-heading strong{font-size:25px}.eyebrow{font-size:7px;margin-bottom:7px}.mobile-chevron{display:block}.panel-scroll{overflow:visible;padding:0 23px 18px}.collapsed .panel-scroll{display:none}.finish-section{padding:20px 0}.section-title h2{font-size:13px}.finish-name{font-size:11px}.swatches{gap:17px}.swatch-color{width:38px;height:38px}.wood-swatches{gap:18px 13px}.wood .swatch-color{width:59px;height:42px}.swatch-label{font-size:9px}.section-title{margin-bottom:19px}.panel-note{font-size:10px}.panel-reset{font-size:11px;padding:12px 0}.page-footer{height:auto;min-height:52px;padding:14px 21px;gap:12px;font-size:8px;flex-wrap:wrap}.page-footer>span:last-child{font-size:8px}.modal{padding:30px 25px}.modal h2{font-size:27px}.toast{font-size:11px;width:max-content;max-width:90%;padding:12px 15px;bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.viewer:after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:150px;background:linear-gradient(#edf1ece8,#edf1ec70 62%,transparent);pointer-events:none}@media(max-width:900px){.demo-badge{z-index:3;top:112px;bottom:auto;left:20px;max-width:none;background:#f4f8ece8;border:1px solid #ffffff80;border-radius:16px;padding:6px 8px}.demo-badge span{font-size:8px}}@media(max-width:900px){.swatches{gap:10px}.swatch{padding:3px}.wood{padding:0}.wood-swatches{gap:18px 13px}}.viewer:after{height:180px;background:linear-gradient(#edf1ecf5,#edf1ecdd 65%,transparent)}
