@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');
:root{--bg:#f4f2eb;--ink:#243c34;--accent:#c45f3c;--soft:#e2e6d8;--border:#d4d8cc;--panel:#fffdf7;font-family:Geist,Arial,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}body[data-font=Satoshi]{font-family:Satoshi,Arial,sans-serif}body.compare{--ink:#25334d;--accent:#b65f42;--soft:#e2e6ee;--border:#cfd5e1}body.fit{--ink:#463a2d;--accent:#9d4f31;--soft:#eae1ce;--border:#d7cbb7}body.budget{--ink:#303c42;--accent:#346a64;--soft:#dce7e2;--border:#c9d7d1}html{scroll-behavior:smooth;scroll-padding-top:24px}main{width:100%;max-width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}.skip{position:absolute;top:-100px;z-index:9;background:var(--panel);padding:16px}.skip:focus{top:5px}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px auto;padding:16px 24px;width:calc(100% - 48px);max-width:1520px;border:1px solid var(--border);border-radius:50px;background:#fff9}nav a{text-decoration:none;font-size:13px}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px}.brand span{font-weight:400}.nav-links{display:flex;gap:26px}.nav-active{border-bottom:1px solid}.tool-intro{max-width:1440px;margin:auto;padding:55px 34px 40px;display:flex;align-items:end;justify-content:space-between;gap:45px;background:radial-gradient(ellipse at 40% 10%,#dbe3d380,transparent 60%)}.max-w-6xl{max-width:72rem}h1{font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:1.06;letter-spacing:-.06em;font-weight:500}h2{font-weight:500;font-size:clamp(2.2rem,3.3vw,3.8rem);line-height:1.1;letter-spacing:-.05em}h3{font-weight:500;letter-spacing:-.03em}.tool-intro>p{max-width:390px;line-height:1.7;font-size:16px;opacity:.8}.tool-intro.center{display:block;text-align:center;padding-bottom:45px}.tool-intro.center h1{margin:auto}.tool-intro.center>p{max-width:650px;margin:24px auto 0}.tool-intro.asym{padding-left:7%;position:relative}.inline-photo{display:inline-block;width:85px;height:38px;overflow:hidden;border-radius:50px;vertical-align:middle;transform:rotate(-8deg);margin:0 10px}.inline-photo img{width:100%;height:100%;object-fit:cover}.workspace{max-width:1440px;margin:0 auto;padding:0 32px}.work-grid{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel)}.panel{padding:24px;border-right:1px solid var(--border);min-width:0}.panel h2,.panel h3{font-size:18px;letter-spacing:-.03em;margin-bottom:16px}.panel h3:not(:first-child){margin-top:28px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;grid-auto-flow:dense}.fields .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500}input,select,textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:7px;background:white;font-size:14px}input[type=color]{height:38px;padding:4px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--ink)}.check{flex-direction:row;align-items:center;gap:8px}.btn{border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;padding:11px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px);background:var(--soft)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.accent{background:var(--accent);color:white;border-color:var(--accent)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row>.btn{flex:1}.furniture-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.scene-column{position:relative;min-width:0;background:#e9e9df}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--border)}#scene{height:590px;position:relative;touch-action:none}#scene canvas{width:100%;height:100%;display:block}#scene-error{position:absolute;inset:50% 20px auto;text-align:center}.scene-instruction{font-size:12px;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel);line-height:1.6}.selection-caption{position:absolute;top:80px;left:20px;max-width:70%;padding:9px 14px;border-radius:30px;background:#fffdf5e6;font-size:12px;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 0;grid-auto-flow:dense}.metric{border-bottom:1px solid var(--border);padding:10px 0 20px}.metric span{display:block;font-size:12px;margin-bottom:9px}.metric strong{font-size:29px;font-weight:500;letter-spacing:-.04em}.notice{font-size:13px;line-height:1.7;padding:16px 20px;background:var(--soft);border-radius:9px;margin-top:16px}.notice.warn{background:#f3e0cf;color:#793b21}.muted{font-size:12px;line-height:1.7;opacity:.75}.object-list{display:grid;gap:6px;max-height:180px;overflow-y:auto;margin-top:12px}.object-list button{padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--panel);text-align:left;font-size:12px}.object-list button[aria-pressed=true]{background:var(--ink);color:white}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;grid-auto-flow:dense;margin:24px 0}.chair-card{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:transform .7s;min-width:0;display:flex;flex-direction:column;gap:13px}.chair-card:hover{transform:translateY(-4px)}.chair-card h2{font-size:27px;line-height:1.12;letter-spacing:-.045em}.chair-card .maker{font-size:12px;opacity:.7}.chair-card .price{font-size:31px;letter-spacing:-.04em}.chair-card .features{font-size:13px;line-height:1.7;flex:1}.chair-card a{font-size:12px;text-underline-offset:4px}.quote{font-weight:400}.quote input{margin-top:2px}.filters{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;align-items:end;gap:18px;flex-wrap:wrap}.filters label{min-width:145px;flex:1}.filters .check{min-width:210px;flex:0 1 auto;padding-bottom:11px}.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel);margin:22px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;padding:17px;border-bottom:1px solid var(--border);min-width:155px}th{font-weight:600;background:var(--soft)}td:first-child,th:first-child{min-width:150px}tbody tr:last-child>*{border-bottom:0}.compare-note{max-width:950px;font-size:13px;line-height:1.7;margin:16px 0}.empty{padding:40px;text-align:center;grid-column:1/-1;border:1px dashed var(--border);border-radius:12px}.tool-status{font-size:13px;min-height:22px;margin:18px 0}.learn{max-width:1376px;margin:0 auto;padding:150px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.learn-title p{margin-top:24px;line-height:1.8;opacity:.75;max-width:350px}.learn-card{position:relative;background:var(--bg);border-top:1px solid var(--border);padding:32px 20px 60px;min-height:200px}.learn-card h3{font-size:28px;margin-bottom:18px}.learn-card p{font-size:16px;line-height:1.8;max-width:540px}.marquee{overflow:hidden;margin:50px 0 0;border-block:1px solid var(--border);padding:22px 0;font-size:12px;letter-spacing:.12em;word-spacing:20px}.marquee>div{width:max-content;animation:marquee 50s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.help{max-width:1376px;margin:0 auto;padding:20px 0 130px}.help-row{display:flex;gap:12px;margin-top:35px}.help-slice{flex:1;min-width:0;text-align:left;background:var(--soft);border:0;border-radius:12px;padding:28px;color:var(--ink);min-height:180px;transition:flex .7s}.help-slice h3{font-size:27px;margin-bottom:20px}.help-slice p{font-size:14px;line-height:1.7;display:none;max-width:380px}.help-slice.active{flex:2}.help-slice.active p{display:block}.tips{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--panel);padding:30px;border:1px solid var(--border);border-radius:12px;margin:30px 0}.tips p{font-size:17px;line-height:1.7;max-width:750px}.tips .button-row{flex:0 0 100px}.tips button{font-size:18px}footer{background:var(--ink);color:var(--bg);padding:70px max(30px,calc((100vw - 1376px)/2)) 35px}footer h2{font-size:clamp(2.5rem,4vw,4.5rem);max-width:800px}footer .button-row{justify-content:start;max-width:450px;margin:30px 0 65px}footer .btn{background:var(--bg);color:var(--ink);border:0}.footer-links{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff35;padding-top:28px;font-size:13px}.footer-links a{text-decoration:none}.visual-panel{padding:34px;min-width:0;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center}.door-diagram{width:100%;max-width:650px;height:430px}.result-heading{font-size:34px;margin:10px 0}.orientations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;grid-auto-flow:dense}.orientation{border:1px solid var(--border);border-radius:10px;padding:18px;background:var(--panel);text-align:left;color:var(--ink)}.orientation.pass{border-color:#4d765c;background:#e3eddf}.orientation[aria-pressed=true]{outline:2px solid var(--accent)}.orientation strong{display:block;font-size:16px;margin-bottom:8px}.orientation span{font-size:12px;line-height:1.6;display:block}.budget-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.budget-rows{display:grid;gap:12px}.budget-row{display:grid;grid-template-columns:minmax(100px,1fr) 85px 130px 85px 35px;align-items:end;gap:10px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.budget-row .line-total{font-size:14px;padding-bottom:12px}.remove{border:0;background:transparent;font-size:23px;padding:7px;color:var(--accent)}.budget-summary{border-radius:14px;background:var(--ink);color:white;padding:28px;align-self:start}.budget-summary h2{font-size:24px}.budget-summary .total{font-size:43px;letter-spacing:-.05em;margin:20px 0}.breakdown{font-size:13px;line-height:2}.breakdown div{display:flex;justify-content:space-between;gap:10px}.budget-chart{margin-top:25px;display:grid;gap:12px}.bar-line{font-size:12px;display:grid;gap:7px}.bar-track{height:8px;background:#ffffff25;border-radius:9px;overflow:hidden}.bar-track>div{height:100%;background:#bdceaa;transition:width .4s}.editor{padding:25px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-top:20px}.editor .fields{grid-template-columns:repeat(4,1fr)}.unit-note{font-size:12px;line-height:1.6;margin:12px 0}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1100px){.gallery{grid-template-columns:repeat(2,1fr)}.learn,.help{margin:0 32px}.learn{gap:50px}.budget-shell{grid-template-columns:1fr 260px}.budget-row{grid-template-columns:minmax(80px,1fr) 60px 100px 60px 25px;padding:12px}.work-grid{grid-template-columns:240px minmax(0,1fr)}.panel{padding:18px}}
@media(max-width:760px){nav{margin:14px auto;width:calc(100% - 28px);padding:14px 18px}.nav-links{display:none}.tool-intro{padding:34px 22px;display:block}.tool-intro>p{margin-top:20px;max-width:100%;font-size:14px}.tool-intro.asym{padding-left:22px}h1{font-size:clamp(2.1rem,7vw,3rem)}.workspace{padding:0 16px}.work-grid{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--border)}.scene-column{grid-row:1}.panel .fields{grid-template-columns:repeat(3,1fr)}#scene{height:430px}.selection-caption{top:118px;font-size:11px}.metrics{gap:12px}.metric strong{font-size:24px}.gallery{gap:12px}.chair-card{padding:18px}.chair-card h2{font-size:24px}.filters{gap:12px}.filters label{min-width:120px}.learn{padding:100px 0;display:block;margin:0 22px}.learn-title{margin-bottom:35px}.learn-card{padding-left:0;min-height:0}.help{margin:0 22px;padding-bottom:90px}.help-row{flex-direction:column}.help-slice{min-height:0;padding:22px}.help-slice h3{margin-bottom:0}.help-slice.active h3{margin-bottom:15px}.tips{display:block;padding:24px}.tips .button-row{margin-top:20px;max-width:100px}.orientations{grid-template-columns:repeat(2,1fr)}.visual-panel{padding:20px}.door-diagram{height:330px}.result-heading{font-size:28px}.budget-shell{grid-template-columns:1fr}.budget-summary{grid-row:1}.budget-row{grid-template-columns:minmax(90px,1fr) 60px 90px 28px;padding:14px}.budget-row .line-total{grid-column:1/4;grid-row:2;font-size:12px;padding:0}.budget-row .remove{grid-column:4;grid-row:1}.editor{padding:18px}.editor .fields{grid-template-columns:repeat(2,1fr)}.budget-chart{grid-template-columns:repeat(2,1fr)}.tool-status{line-height:1.7}.table-wrap table{font-size:12px}.scene-instruction{font-size:11px}.toolbar{padding:12px;gap:6px}.toolbar .btn{padding:9px 10px;font-size:11px}}
@media(max-width:420px){.gallery{grid-template-columns:1fr}.orientations{grid-template-columns:1fr 1fr}.panel .fields{grid-template-columns:1fr 1fr}.brand{font-size:23px}.metric strong{font-size:21px}.budget-row{grid-template-columns:minmax(75px,1fr) 55px 80px 25px}.btn{padding:10px 12px}.tool-intro h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{nav,.toolbar,.button-row,footer,.marquee,.help,.learn{display:none!important}.workspace{padding:0}.tool-intro{padding:15px}.work-grid{display:block}.panel{break-inside:avoid}.gallery{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow:visible}h1{font-size:32px}}