@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#283c33;font-synthesis:none;--green:#285344;--muted:#889087;--line:#e3e5dc;background:#eeece6;font-family:Manrope,Arial,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #4d8067}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button,a{transition:background .18s,color .18s,box-shadow .18s}svg{width:21px;height:21px}h1,h2,h3,p{margin:0}h3{font-size:13px;font-weight:800}small{font-size:11px}.app-shell{grid-template-rows:85px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 390px;height:100dvh;min-height:680px;display:grid;overflow:hidden}.topbar{z-index:5;background:#fbfaf6;border-bottom:1px solid #dedfd6;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 34px;display:flex}.brand{letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:12px;font-size:18px;display:flex}.brand img{width:39px;height:39px}.brand b{color:#35715b;font-weight:800}.brand small{letter-spacing:2px;color:#7a887c;margin-top:5px;font-size:7px;display:block}.header-center{text-align:center;color:#657167;font-size:12px}.header-center span{color:#8e988f;margin-top:5px;font-size:10px;display:block}.phone{text-align:right;letter-spacing:.3px;font-size:14px;font-weight:800}.phone small{color:#889186;letter-spacing:0;margin-top:6px;font-size:9px;font-weight:500;display:block}.stage{background:#e5e3dc;min-width:0;position:relative;overflow:hidden}.stage>div:first-child{inset:0;position:absolute!important}.stage-title{pointer-events:none;position:absolute;top:32px;left:34px}.eyebrow{letter-spacing:1.7px;color:#7f887c;font-size:8px;font-weight:800}.stage-title h1{letter-spacing:-1.8px;color:#35463c;margin:9px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.4vw,49px);font-weight:400}.stage-title p{color:#778176;font-size:11px}.scene-badge{color:#7c857a;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;top:156px;left:34px}.scene-badge i{background:#a1a89e;border-radius:50%;width:5px;height:5px}.scene-badge i.ready{background:#477b5d;box-shadow:0 0 0 3px #477b5d16}.scene-tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:30px;right:24px}.scene-tools button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f1cf;border:1px solid #fff8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.scene-tools button:hover,.scene-tools button[aria-pressed=true]{color:#fff;background:#285344}.scene-tools svg{width:17px;height:17px}.stage-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:54px;left:28px;right:28px}.view-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfaf3df;border:1px solid #fff9;border-radius:8px;gap:3px;padding:5px;display:flex;box-shadow:0 4px 24px #33413208}.view-controls button{color:#7c867a;border-radius:5px;padding:10px 13px;font-size:10px}.view-controls button.active{color:#fff;background:#315344;box-shadow:0 2px 5px #244c3b22}.room-toggle{background:#fbfaf3d9;border:1px solid #fff8;border-radius:6px;align-items:center;gap:9px;padding:12px 14px;font-size:10px;display:flex}.room-toggle span{font-size:17px;line-height:10px}.room-toggle.selected{color:#315e45}.stage-caption{color:#7b8479;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:23px;left:34px;right:30px}.reference-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#faf9f1d9;border:1px solid #fff8;border-radius:6px;align-items:center;gap:10px;max-width:235px;padding:6px;display:flex;position:absolute;bottom:120px;right:24px}.reference-card img{object-fit:cover;border-radius:3px;width:44px;height:48px}.reference-card span{letter-spacing:.7px;color:#8c9389;padding-right:10px;font-size:6px}.reference-card strong{letter-spacing:0;color:#425545;margin-top:7px;font-size:9px;font-weight:600;display:block}.config-panel{z-index:2;background:#fcfbf7;border-left:1px solid #dddcd3;flex-direction:column;min-height:0;display:flex}.panel-scroll{scrollbar-width:thin;scrollbar-color:#c5cec0 transparent;flex:1;padding:28px 28px 0;overflow:auto}.panel-heading h2{letter-spacing:-.6px;margin-top:8px;font-size:20px;font-weight:800}.panel-heading p{color:#94998f;margin-top:8px;font-size:10px}.tabs{border-bottom:1px solid var(--line);gap:12px;margin-top:24px;display:flex}.tabs button{color:#99a093;border-bottom:2px solid #0000;flex:1;align-items:center;gap:7px;margin-bottom:-1px;padding:0 3px 13px;font-size:11px;display:flex}.tabs small{color:#a3aa9d;font-size:8px}.tabs button.active{color:#365c46;border-color:#365c46;font-weight:800}.tabs button.active small{color:#66866b}.option-section{border-bottom:1px solid var(--line);padding:21px 0}.section-label{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-label>span{color:#8c9788;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.form-card{text-align:left;background:#f6f6f0;border:1px solid #e1e4d9;border-radius:6px;min-height:100px;padding:13px 12px 11px;position:relative}.form-card:hover{background:#eef2e8}.form-card.selected{background:#edf1e6;border:1px solid #54775a;box-shadow:inset 0 0 0 .5px #54775a}.form-card svg{stroke:#91a08c;fill:none;stroke-width:3px;width:34px;height:31px;margin-bottom:8px;display:block}.form-card.selected svg{stroke:#446443}.form-card strong{font-size:11px;font-weight:800;display:block}.form-card small{color:#919b8a;margin-top:4px;font-size:8px;display:block}.selection-dot{color:#fff;text-align:center;background:#4b6d4e;border-radius:50%;width:14px;height:14px;font-size:9px;position:absolute;top:10px;right:10px}.wood-grid{gap:14px;display:flex}.wood-grid button{flex:1;min-width:0;padding:0}.wood-grid button>span{color:#fff;text-shadow:0 1px 3px #000a;background-position:50%;background-size:140px;border-radius:5px;justify-content:center;align-items:center;height:48px;font-size:17px;display:flex;box-shadow:0 1px 3px #372b1719}.wood-grid button.selected>span{outline-offset:3px;outline:1.5px solid #5b7858}.wood-grid small{color:#939b8c;margin-top:10px;font-size:9px;display:block}.wood-grid .selected small{color:#425e3e;font-weight:800}.fine-print{color:#959c90;margin-top:12px;line-height:1.8;font-size:9px!important}.finish-grid{align-items:center;gap:9px;display:flex}.finish-grid>button{background:var(--swatch);color:#fff;border:3px solid #fcfbf7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 0 1px #ddd}.finish-grid>button.selected{box-shadow:0 0 0 1.5px #5f7959}.finish-grid svg{width:14px;height:14px}.finish-grid p{margin-left:8px;font-size:9px;line-height:1.8}.finish-grid p span{color:#9ca391;font-size:8px}.panel-service{color:#76876b;align-items:center;gap:10px;padding:17px 0;display:flex}.panel-service>span{font-size:24px}.panel-service p{flex:1;font-size:9px}.panel-service small{color:#a0a694;margin-top:3px;font-size:8px;display:block}.panel-service button{color:#9aa18e;place-items:center;width:27px;height:30px;display:grid}.panel-service svg{width:15px}.estimate{background:#f4f4ec;border-top:1px solid #e2e5d7;padding:21px 28px 17px;box-shadow:0 -8px 24px #333c2203}.estimate-heading{color:#7f8b74;justify-content:space-between;align-items:center;font-size:10px;display:flex}.estimate-tag{text-align:center;background:#e5eadb;border-radius:3px;width:23px;height:20px;font-size:16px}.price{letter-spacing:-1.5px;color:#304e36;margin:5px 0 6px;font-size:34px;font-weight:500}.estimate p{color:#969e8b;font-size:8px;line-height:1.7}.primary{color:#fff;background:#315941;border-radius:5px;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:16px 19px;font-size:11px;font-weight:700;display:flex}.primary:hover{background:#234631}.primary svg{width:18px;height:18px}.estimate>small{text-align:center;color:#97a18d;margin-top:10px;font-size:8px;display:block}.range-field{margin:26px 0;display:block}.range-field>span{justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-field strong{font-size:16px;font-weight:500}.range-field strong small{color:#929c86;font-size:10px}.range-field input{accent-color:#426849;cursor:pointer;width:100%;margin:20px 0 8px}.range-field>small{color:#9ba58f;font-size:9px;display:block}.range-field>small span{float:right}.description{color:#919b87;margin-top:10px;font-size:10px;line-height:1.8}.spec-box{background:#f2f3e9;border-radius:6px;margin-top:21px;padding:18px}.spec-box dl,dialog dl{grid-template-columns:1fr auto;gap:15px;margin-bottom:0;font-size:10px;display:grid}.spec-box dt,dialog dt{color:#8d9880}.spec-box dd,dialog dd{text-align:right;margin:0}.spec-box li{color:#78886a;margin-bottom:12px;font-size:10px;line-height:1.6}.spec-box ul{margin-top:18px;margin-bottom:0;padding-left:14px}.text-button{color:#456d48;align-items:center;gap:10px;padding:13px 0;font-size:10px;display:flex}.text-button svg{width:15px}.switch-row{justify-content:space-between;align-items:center;gap:15px;padding:24px 0 8px;display:flex}.switch-row strong{font-size:11px;display:block}.switch-row small{color:#929d87;margin-top:6px;font-size:9px;line-height:1.7;display:block}.switch-row input{appearance:none;cursor:pointer;background:#d1d6c6;border-radius:20px;flex-shrink:0;width:34px;height:20px;position:relative}.switch-row input:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:#4c704d}.switch-row input:checked:before{transform:translate(14px)}.craft-note{margin-top:24px;padding:16px 0}.craft-note strong{font-size:12px}.craft-note p{color:#8d9982;margin:10px 0;font-size:10px;line-height:1.9}.craft-note a{color:#507a4f;font-size:10px}.dimension-label{white-space:nowrap;color:#486443;background:#fcfbf2e8;border-radius:4px;padding:7px 10px;font-size:11px;display:block;box-shadow:0 2px 9px #0001}.canvas-loading{white-space:nowrap;color:#4b6442;background:#fffbed;border-radius:6px;padding:16px 22px;font-size:12px}.scene-error{z-index:2;background:#e8e7dd;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:12px;display:flex;position:absolute;inset:0}.scene-error h2{font-size:22px}.scene-error button{color:#fff;background:#315941;border-radius:4px;padding:12px 20px}.toast{color:#fff;z-index:40;background:#2a4937;border-radius:6px;max-width:90vw;padding:15px 23px;font-size:12px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}dialog{color:#334e35;background:#fcfbf4;border:1px solid #e0e3d4;border-radius:10px;max-width:calc(100vw - 32px);padding:30px;box-shadow:0 20px 90px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e302abb}dialog h2{margin:12px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}dialog p{color:#869177;font-size:12px;line-height:1.8}dialog .close{z-index:1;background:#f8f7efcc;border-radius:50%;width:28px;height:28px;font-size:22px;position:absolute;top:10px;right:12px}.order-dialog{width:470px}.order-dialog dl{margin:10px 0;padding:18px 0}.secondary{border:1px solid #cdd6c0;border-radius:5px;width:100%;margin-top:10px;padding:14px;font-size:11px}.order-dialog .primary{justify-content:center}.reference-dialog{width:850px;padding:0;overflow:hidden}.reference-dialog>img{object-fit:contain;background:#20261f;width:100%;max-height:65vh;display:block}.reference-dialog>div{padding:20px 28px}.reference-dialog h2{margin-top:0;font-size:24px}.reference-dialog a{color:#4c754c;margin-top:12px;font-size:11px;display:block}@media (width>=1600px){.app-shell{grid-template-columns:minmax(0,1fr) 440px}.panel-scroll{padding:34px 34px 0}.estimate{padding:25px 34px 22px}.form-card{min-height:115px}.option-section{padding:25px 0}.wood-grid button>span{height:59px}.stage-title{top:45px;left:45px}.scene-badge{top:183px;left:45px}}@media (height<=850px) and (width>=901px){.app-shell{grid-template-rows:72px minmax(0,1fr)}.panel-scroll{padding-top:20px}.panel-heading h2{font-size:18px}.tabs{margin-top:18px}.option-section{padding:15px 0}.form-card{min-height:87px;padding:10px}.form-card svg{height:25px;margin-bottom:5px}.wood-grid button>span{height:38px}.estimate{padding-top:14px;padding-bottom:12px}.price{font-size:30px}.primary{margin-top:12px;padding:14px 16px}.panel-service{padding:12px 0}.stage-title{top:25px}.stage-title h1{font-size:39px}.scene-badge{top:140px}}@media (width<=1100px){.app-shell{grid-template-columns:minmax(0,1fr) 350px}.panel-scroll,.estimate{padding-left:22px;padding-right:22px}.header-center{display:none}.stage-title h1{font-size:33px}.stage-title{left:25px}.stage-bottom{flex-wrap:wrap;left:18px;right:18px}.view-controls button{padding:9px}.room-toggle{padding:10px}.stage-caption{font-size:7px;left:22px}.reference-card{bottom:145px}.reference-card span{font-size:5px}}@media (width<=900px){.app-shell{flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow:visible}.topbar{flex-shrink:0;height:72px;padding:0 20px}.brand{font-size:16px}.brand img{width:34px;height:34px}.brand small{font-size:6px}.phone{font-size:11px}.phone small{display:none}.stage{height:65vh;min-height:460px;max-height:700px}.stage-title h1{font-size:37px}.scene-badge{top:137px;left:25px}.stage-caption{font-size:8px;bottom:17px}.stage-bottom{bottom:42px;left:22px;right:22px}.reference-card{bottom:110px}.config-panel{border-top:1px solid #d7decf;border-left:0}.panel-scroll{padding:25px 25px 0;overflow:visible}.panel-heading h2{font-size:24px}.tabs{max-width:550px}.form-grid{grid-template-columns:repeat(4,1fr)}.form-card{min-height:105px}.wood-grid{max-width:460px}.wood-grid button>span{height:65px}.estimate{padding:22px 25px}.estimate .primary{max-width:500px}.estimate>small{text-align:left}.estimate-heading{max-width:500px}.tab-content{min-height:330px}.stage-title{top:25px}}@media (width<=480px){.topbar{height:65px;padding:0 16px}.brand{gap:9px;font-size:14px}.brand small{letter-spacing:1.5px}.phone{font-size:10px}.stage{height:56vh;min-height:420px}.stage-title{top:22px;left:20px}.stage-title h1{letter-spacing:-1px;font-size:31px}.stage-title .eyebrow{font-size:6px}.stage-title p{font-size:10px}.scene-badge{font-size:8px;top:118px;left:20px}.scene-tools{top:22px;right:14px}.scene-tools button{width:32px;height:32px}.scene-tools svg{width:15px}.stage-bottom{gap:7px;bottom:42px;left:14px;right:14px}.view-controls{gap:0;padding:4px}.view-controls button{padding:9px 8px;font-size:8px}.room-toggle{gap:6px;padding:11px 9px;font-size:8px}.stage-caption{font-size:6px;left:17px;right:17px}.reference-card{gap:7px;bottom:98px;right:14px}.reference-card img{width:29px;height:32px}.reference-card span{font-size:4px}.reference-card strong{margin-top:4px;font-size:7px}.panel-scroll{padding:25px 22px 0}.panel-heading h2{font-size:22px}.form-grid{grid-template-columns:1fr 1fr}.wood-grid button>span{height:48px}.estimate{padding:22px}.reference-dialog h2{font-size:21px}.reference-dialog p{font-size:10px}.order-dialog{padding:26px}.order-dialog h2{font-size:26px}}