:root{--text:#1d1b22;--muted:#5e5a66;--bg:#fbfaf8;--border:#e3e1e6;--accent:#3b528b;--canvas:#fff;--wall:#1d1b22;--opening:#9a96a3;--ap:#fff;--ap-ring:#1d1b22;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#ecebef;--muted:#a6a2ad;--bg:#16151a;--border:#2e2c34;--accent:#8fb4ff;--canvas:#1f1e24;--wall:#ecebef;--opening:#6f6b78;--ap:#1f1e24;--ap-ring:#ecebef}}body{margin:0}main{max-width:56rem;margin:0 auto;padding:2.5rem 1rem 3rem}h1{margin:0;font-size:1.75rem}.lede{color:var(--muted);margin:.25rem 0 1.25rem}a{color:var(--accent)}.bands{border:0;flex-wrap:wrap;gap:.25rem;margin:0 0 1rem;padding:0;display:flex}.bands legend{float:left;margin-right:.75rem;padding:.35rem 0;font-weight:600}.bands label{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;display:inline-flex}.bands label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.bands label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.bands input{accent-color:var(--accent);margin:0}.plan{position:relative}.plan-canvas{border:1px solid var(--border);cursor:grab;touch-action:none;border-radius:.5rem;width:100%;display:block}.plan-canvas[data-dragging]{cursor:grabbing}.plan-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;margin:0;padding:.75rem 1rem;position:absolute;inset:50% 1rem auto;translate:0 -50%}.readout{font-variant-numeric:tabular-nums;color:var(--muted);margin:.75rem 0 1.25rem}.legend{grid-template-columns:auto auto auto 1fr;align-items:center;gap:.35rem .75rem;margin:0;padding:0;list-style:none;display:grid}.legend li{display:contents}.swatch{border-radius:.25rem;width:1.25rem;height:1.25rem}.swatch-none{border:1px dashed var(--muted)}.legend-label{font-weight:600}.legend-range{font-variant-numeric:tabular-nums}.legend-meaning{color:var(--muted)}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:2rem;padding-top:1rem;font-size:.875rem}@media (width<=30rem){.legend{grid-template-columns:auto auto 1fr}.legend-meaning{display:none}}