@font-face{font-family:Lora;src:url('/fonts/lora-latin-500-normal.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#faf7f0;--panel:#f0e9de;--white:#fffdf9;--ink:#302a29;--muted:#6a5d59;--brand:#543342;--line:#cfc3b7;--rug:#ad7352;--alt:#315a60;--good:#315344;--bad:#913c2d;--serif:Lora,Georgia,serif;--sans:'Segoe UI',Arial,sans-serif;--space:24px;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,select,summary{cursor:pointer}a{color:var(--brand);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{border:0;transition:background-color .15s ease-out;color:inherit}button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid var(--alt);outline-offset:4px}::selection{background:#dbc1c8;color:var(--ink)}input,textarea{caret-color:var(--brand)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:16px;top:-80px;z-index:10;background:var(--white);padding:12px}.skip:focus{top:12px}.site-header{max-width:1440px;margin:auto;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:var(--serif);font-size:21px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{fill:none;stroke:currentColor;stroke-width:1.4}.site-header nav,footer nav{display:flex;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}main{max-width:1344px;margin:auto;padding:0 40px}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 36px;gap:28px}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.2;text-wrap:balance}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.035em;margin:0}h2{font-size:24px;margin:0 0 12px}h3{font-size:20px}p{margin:0 0 16px;max-width:72ch}.intro p{color:var(--muted);font-size:17px;margin:0;line-height:1.7}.planner-bar{background:var(--brand);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.room-tabs{display:flex;gap:6px}.room-tabs button{background:transparent;color:var(--paper);padding:10px 18px;border-radius:3px;min-height:44px}.room-tabs button[aria-pressed=true]{background:var(--paper);color:var(--brand);font-weight:600}.planner-bar :focus-visible{outline-color:#f2c99d}.units-label{display:flex;align-items:center;gap:12px;font-size:14px}.units-label select{background:var(--brand);color:var(--paper);border:1px solid #aa929a;min-height:42px;padding:5px 26px 5px 10px;width:auto}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-top:0}form{padding:26px;background:var(--white);border-right:1px solid var(--line)}.form-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.form-top h2{font-family:var(--sans);font-weight:600;font-size:18px}.text-button{padding:4px 0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--muted);white-space:nowrap}.small,.field-note{font-size:13px;color:var(--muted);line-height:1.5}.field-note{margin:0 0 12px}.small{margin-bottom:14px}fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}legend{padding:0;margin-bottom:10px;font-weight:600;font-size:15px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-pair+p{margin-top:10px}.field-pair label,.custom-row label{font-size:13px}.unit{color:var(--muted);float:right;font-size:12px}input,select,textarea{display:block;width:100%;border:1px solid #ac9f94;background:var(--white);color:var(--ink);border-radius:3px;padding:10px 11px;min-height:44px;margin-top:5px;font-variant-numeric:tabular-nums}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input[aria-invalid=true]{border-color:var(--bad);background:#fff7f3}.field-error{font-size:12px;line-height:1.4;color:var(--bad);display:block;margin-top:4px}.field-error:empty{display:none}details{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}summary{font-size:14px;font-weight:600;min-height:28px}summary span{font-weight:400;font-size:12px;color:var(--muted);display:block;margin-left:17px}details[open] summary{margin-bottom:12px}.primary,.outline{min-height:44px;border-radius:3px;padding:10px 17px;font-size:14px;font-weight:600}.primary{background:var(--brand);color:var(--paper)}.outline{border:1px solid #9a8584;background:transparent;color:var(--brand)}.update{margin-top:24px;width:100%;display:flex;justify-content:space-between}.privacy-note{font-size:11px;text-align:center;margin:12px 0 0}.plan-panel{padding:26px 30px;background:var(--panel);min-width:0;scroll-margin-top:20px}.result-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.result-heading h2{margin-bottom:6px;font-size:26px}.result-heading p{font-size:14px;color:var(--muted);margin-bottom:0}.result-heading button{white-space:nowrap;font-size:12px;padding:8px 12px}.plan-canvas{margin:12px 0 16px}#diagram{display:block;width:100%;height:auto;max-height:420px;overflow:visible}#diagram text{font-family:var(--sans);font-size:14px;fill:var(--muted);font-variant-numeric:tabular-nums}#diagram .furniture-label{font-size:15px;fill:var(--ink);font-weight:600}#diagram .room-floor{fill:#faf7f0;stroke:#9c8e80;stroke-width:2}#diagram .floor-grid{stroke:#ded4c6;stroke-width:.65}#diagram .rug{fill:#b47c5a;fill-opacity:.54;stroke:#815538;stroke-width:2}#diagram .comparison{fill:none;stroke:var(--alt);stroke-width:2;stroke-dasharray:8 5}#diagram .furniture{fill:#e9dfd0;stroke:#786b60;stroke-width:1.5}#diagram .measurement{stroke:#a29487;stroke-width:1;fill:none}#diagram .target{fill:none;stroke:#897c70;stroke-width:1;stroke-dasharray:3 4}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:6px}.key{display:inline-block;width:15px;height:11px}.primary-key{background:#cfa687;border:1px solid #815538}.compare-key{border:2px dashed var(--alt)}.furniture-key{background:#e9dfd0;border:1px solid #786b60}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-controls label{font-size:13px;font-weight:600}.compare-controls select{font-size:15px;background:var(--paper);font-weight:400}.verdict{font-size:14px;line-height:1.55;margin:20px 0 12px;display:flex;gap:10px}.verdict strong{font-weight:600}.status-mark{border:1px solid currentColor;border-radius:50%;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none;margin-top:1px}.good{color:var(--good)}.bad{color:var(--bad)}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 12px;padding-top:16px;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:11px}dd{font-family:var(--serif);font-size:19px;margin:4px 0 0}.custom-size{margin-top:14px}.custom-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.notice{padding:26px;background:var(--white);border:1px solid var(--line)}.notice h2{font-size:25px}.sizes-section{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.section-heading p{font-size:13px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}th{font-size:12px;color:var(--muted);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}td{font-size:14px;padding:13px 16px;border-bottom:1px solid var(--line)}td:first-child{font-weight:600}td:last-child{text-align:right}.selected-row{background:#ede1d6}.size-badge{font-size:10px;font-weight:500;color:var(--brand);background:#eadfe1;display:inline-block;padding:3px 6px;margin-left:10px;vertical-align:middle;border-radius:2px}.row-view{color:var(--brand);background:transparent;text-decoration:underline;text-underline-offset:4px;padding:6px;min-height:36px}.sizes-section>.small{margin:12px 0 0}.takeaway{background:var(--brand);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-top:38px;gap:24px}.takeaway h2{font-size:24px;margin:0 0 8px}.takeaway p{font-size:14px;color:#e2d4d7;margin:0}.actions{display:flex;gap:10px;flex-shrink:0}.takeaway .outline{color:var(--paper);border-color:#d2bfc7}.takeaway .primary{color:var(--brand);background:var(--paper)}.action-status{font-size:13px;min-height:22px;margin:8px 0}.explanation{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding:42px 0 64px;max-width:1120px}.explanation h2{font-size:31px;max-width:15ch}.explanation p{font-size:15px;color:var(--muted)}.explanation a{font-size:14px;font-weight:600}footer{background:#eee6dc;padding:32px max(40px,calc((100% - 1264px)/2));display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px 40px}footer p{font-size:12px;color:var(--muted);grid-row:2;margin:0}footer nav{grid-row:1/3;grid-column:2;justify-self:end;font-size:13px}.print-only{display:none}.document{max-width:800px;padding:48px 24px 64px;margin:auto}.document h1{font-size:40px;margin-bottom:24px}.document h2{font-size:25px;margin-top:36px}.document p,.document li{color:var(--muted);line-height:1.75}.document li{margin-bottom:8px}.document .back{display:inline-block;margin-bottom:32px}.document .formula{padding:20px;background:var(--panel);font-variant-numeric:tabular-nums}.document a{overflow-wrap:anywhere}
@media(min-width:1550px){.intro{padding-top:52px}.workspace{grid-template-columns:365px minmax(0,1fr)}}
@media(max-width:1050px){.site-header{padding:20px 28px}main{padding:0 28px}.workspace{grid-template-columns:300px minmax(0,1fr)}form{padding:20px}.plan-panel{padding:22px}.form-top{display:block}.form-top h2{margin-bottom:2px}.result-heading h2{font-size:22px}.result-heading{flex-wrap:wrap}.takeaway{align-items:start;flex-direction:column}.result-metrics{gap:9px}dd{font-size:17px}}
@media(max-width:720px){.site-header{padding:17px 20px;gap:12px}.brand{font-size:18px;gap:8px}.brand svg{width:25px}.site-header nav{font-size:12px}.site-header nav a:last-child{display:none}main{padding:0 16px}.intro{padding:30px 4px 26px;display:block}.intro h1{font-size:34px}.intro p{margin-top:16px;font-size:14px;line-height:1.6}.intro p br{display:none}.planner-bar{padding:12px;flex-direction:column;align-items:stretch;gap:12px}.room-tabs{gap:3px}.room-tabs button{flex:1;padding:9px 8px;font-size:13px;white-space:nowrap}.units-label{justify-content:space-between;font-size:12px}.units-label select{margin:0;min-height:36px;font-size:13px;max-width:150px}.workspace{display:block}form{padding:22px;border-right:0;border-bottom:1px solid var(--line)}.form-top{display:flex}.form-top h2{margin-bottom:10px}.plan-panel{padding:24px 18px}.result-heading h2{font-size:24px}.result-heading button{min-height:40px}.result-heading{flex-wrap:nowrap}.result-heading p{font-size:12px}.plan-canvas{margin:14px -12px 20px}#diagram{min-height:235px}.legend{gap:8px 13px;font-size:10px;padding:0 10px}.compare-controls{gap:12px}.compare-controls select{font-size:14px}.result-metrics{grid-template-columns:1fr 1fr;gap:15px}.result-metrics>div:last-child{grid-column:1/3}dt{font-size:11px}dd{font-size:20px}.custom-row{grid-template-columns:1fr 1fr;gap:12px}.custom-row button{grid-column:1/3}.sizes-section{margin-top:30px}.section-heading{display:block}.section-heading h2{font-size:24px;margin-bottom:7px}.section-heading p{margin-bottom:10px}th,td{padding:12px 8px;font-size:12px}th{white-space:normal}td:first-child{min-width:80px}.size-badge{display:block;margin:4px 0 0;width:fit-content}.takeaway{margin-top:28px;padding:24px}.takeaway h2{font-size:23px}.actions{display:flex;flex-wrap:wrap}.actions button{font-size:12px}.explanation{padding:32px 5px 44px;display:block}.explanation h2{font-size:29px;max-width:20ch;margin-bottom:22px}.explanation p{font-size:14px}footer{padding:28px 22px;display:flex;flex-direction:column;align-items:start;gap:16px}footer p{order:1}footer nav{gap:22px;flex-wrap:wrap}.document{padding-top:32px}.document h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}button{transition:none}}
@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff;color:#222}.site-header{padding:8px 0}.site-header nav,.intro,.planner-bar,form,.compare-controls,.custom-size,.sizes-section,.takeaway,.explanation,footer,.action-status,.result-heading button,.skip,#copy-fallback{display:none!important}main{padding:0;max-width:none}.workspace{display:block;border:0}.plan-panel{padding:12px;background:#fff}.plan-canvas{max-width:650px;margin:0 auto}#diagram{max-height:360px}.print-only{display:block}.print-only pre{white-space:pre-wrap;font:12px/1.5 var(--sans)}.print-only h2{font-size:20px;margin-top:20px}.result-heading h2{font-size:22px}.result-metrics{grid-template-columns:repeat(3,1fr)}.print-only,.result-metrics{break-inside:avoid}a{color:inherit}}
.share-status{font-size:12px;color:var(--good);margin:10px 0 0}.share-status:empty{display:none}@media(max-width:720px){#diagram text{font-size:17px}#diagram .furniture-label{font-size:17px}.row-view{min-height:44px}.text-button{min-height:44px}}@media print{.share-status{display:none}}
.privacy-note{font-size:12px}input,select,textarea{border-color:#958477}dt{font-size:12px}.size-badge{font-size:11px}@media(max-width:720px){.legend{font-size:12px}dt{font-size:12px}}
.takeaway :focus-visible{outline-color:#f2c99d}