:root{--ink:#172d3d;--muted:#60717d;--paper:#f7f6f1;--blue:#2258ce;--line:#dce2e5;--tile:#dfe9f3;--cut:#e8bc97}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e59b37;outline-offset:3px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);background:#fff}nav{max-width:1320px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:18px;font-weight:750;display:flex;gap:12px;align-items:center}.mark{width:26px;height:26px;background:conic-gradient(var(--blue) 25%,#8faee8 0 50%,#cddcf5 0 75%,var(--ink) 0);border:3px solid white;outline:1px solid var(--line)}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px}.language{border:1px solid var(--line);padding:5px 12px;border-radius:6px;text-decoration:none}main{max-width:1320px;margin:auto;padding:38px 28px 60px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;color:var(--blue);margin:0 0 10px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.045em;margin:0 0 14px;max-width:850px}h2{line-height:1.25;letter-spacing:-.025em}p{margin:0 0 16px}.intro{color:var(--muted);max-width:730px;font-size:17px}.badge{font-size:12px;white-space:nowrap;color:#357054;background:#eaf2e9;padding:6px 10px;border-radius:20px;margin-bottom:20px}.workspace{display:grid;grid-template-columns:315px minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}form{padding:22px}.section-title{font-size:13px;font-weight:750;margin:0 0 13px}.section-title span{font-size:10px;color:var(--blue);margin-right:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:650;color:var(--muted);margin-bottom:14px}input,select{display:block;width:100%;background:#fff;border:1px solid #bdcbd3;border-radius:6px;padding:9px 10px;color:var(--ink);margin-top:5px;min-height:42px}fieldset{margin:0 0 17px;padding:0 0 9px;border:0;border-bottom:1px solid var(--line)}legend{padding:0}.actions{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:9px 12px;font-size:12px;font-weight:650}.primary{background:var(--blue);border-color:var(--blue);color:white}.note{font-size:12px;color:var(--muted);margin:12px 0 0}.plan-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);gap:12px}.plan-top h2{font-size:15px;margin:0}.plan-top span{font-size:11px;color:var(--muted)}.canvas{background-color:#fafcfd;background-image:radial-gradient(#d9e2ea .7px,transparent .7px);background-size:14px 14px;padding:15px;min-height:355px;display:flex;align-items:center;justify-content:center}svg{width:100%;height:355px;display:block}.legend{padding:12px 22px;display:flex;gap:20px;align-items:center;font-size:11px;border-top:1px solid var(--line)}.swatch{display:inline-block;width:10px;height:10px;margin-right:6px;background:var(--tile);border:1px solid #819bb1}.swatch.cut{background:var(--cut);border-color:#a76a3a}.comparison{display:flex;gap:8px;padding:15px 22px;border-top:1px solid var(--line);flex-wrap:wrap}.comparison button[aria-pressed=true]{border-color:var(--blue);background:#edf3ff;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat{padding:16px;background:#fff;border:1px solid var(--line);border-radius:9px}.stat strong{display:block;font-size:25px;font-weight:650;letter-spacing:-.03em}.stat span{font-size:11px;color:var(--muted);display:block}.stat:last-child{background:var(--ink);color:white}.stat:last-child span{color:#d4e2ea}.summary{background:white;border:1px solid var(--line);border-radius:9px;margin-top:16px;padding:18px;font-size:13px}.summary p:last-child{margin-bottom:0}#error{background:#fff0e9;color:#893718;padding:14px;border-radius:8px;margin-bottom:14px}#error:empty{display:none}#save-status{min-height:20px;font-size:12px;color:var(--blue);margin-top:8px}.guides{margin-top:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;text-decoration:none;display:block}.card:hover{border-color:#8daadc}.card small{color:var(--blue);font-size:11px}.card h3{font-size:18px;line-height:1.3}.card p{font-size:13px;color:var(--muted)}.article{max-width:790px;margin:10px auto}.article h1{margin:20px 0 25px}.article h2{margin-top:34px}.article p,.article li{line-height:1.8}.article table{border-collapse:collapse;width:100%;margin:20px 0}.article td,.article th{border:1px solid var(--line);padding:10px;text-align:left}.article .primary{display:inline-block;text-decoration:none;border-radius:6px;padding:12px 20px}footer{border-top:1px solid var(--line);max-width:1264px;margin:auto;padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer div{display:flex;gap:18px}.print-inputs{display:none}@media(max-width:850px){.workspace{grid-template-columns:270px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.badge{display:none}.cards{grid-template-columns:1fr}.canvas,svg{height:300px;min-height:300px}.navlinks>a:first-child{display:none}}@media(max-width:650px){main{padding:28px 16px}.workspace{grid-template-columns:1fr}.hero{margin-bottom:15px}nav{padding:15px 16px}.brand{font-size:15px}.navlinks{gap:10px}.intro{font-size:15px}form{padding:18px}.canvas,svg{height:330px;min-height:330px}footer{margin:0 16px;flex-direction:column}.stats{gap:8px}.comparison{padding:12px}.print-button{white-space:nowrap}}@media print{header,form,.hero .badge,.guides,footer,.comparison,.print-button,.note,#save-status,.skip{display:none!important}body{background:#fff;font-size:11px}main{padding:0;max-width:none}.hero h1{font-size:25px}.intro{font-size:12px}.workspace{display:block}.workspace>aside{display:none}.print-inputs{display:block;margin-bottom:12px}svg{height:420px}.canvas{background:white}.panel,.stat,.summary{break-inside:avoid}.stats{grid-template-columns:repeat(4,1fr)}.legend{font-size:10px}.summary{font-size:11px}}

.outline-panel{padding:22px;margin-bottom:24px}.outline-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.outline-heading h2{font-size:22px;margin:0}.outline-heading label{min-width:230px;margin:0}.outline-panel p{font-size:13px;color:var(--muted);max-width:850px}.outline-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:24px}.outline-workspace svg{height:340px;cursor:crosshair;touch-action:manipulation}.outline-workspace ol{font-size:12px;max-height:170px;overflow:auto;padding-left:20px}#outline-state{margin-top:12px}#drawing-tools[hidden]{display:none}@media(max-width:650px){.outline-heading{align-items:stretch;flex-direction:column;gap:12px}.outline-workspace{grid-template-columns:1fr}.outline-workspace svg{height:290px}.outline-panel{padding:16px}}@media print{.outline-panel{display:none!important}}

button:disabled{opacity:.45;cursor:not-allowed}

.room-scale{margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#fafcfd}.room-scale summary{cursor:pointer;font-size:13px;font-weight:650}.room-scale .room-dimensions{display:grid;grid-template-columns:1fr 2fr;gap:18px;max-width:650px;padding:16px 0 0;border:0;margin:0}.room-scale label{margin-bottom:0}svg [role=button]{cursor:pointer}svg [role=button]:focus{outline:3px solid #e59b37}@media(max-width:650px){.room-scale .room-dimensions{grid-template-columns:1fr}}