:root{--plaster:#edeeea;--plaster-deep:#e2e4de;--rule:#cfd2cb;--graphite:#26292d;--pencil:#5d6268;--tape:#f4c21b;--tape-wash:#f9e6a6;--danger:#a33a2c;--stage:#d9dcd5;--font:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font:400 14px/1.45 var(--font);color:var(--graphite);background:var(--plaster);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--graphite);outline-offset:2px}h1,h2,h3{margin:0}.app{--left:340px;--right:300px;grid-template-columns:var(--left) minmax(0, 1fr) var(--right);grid-template-areas:"panel stage inspector";height:100dvh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.panel{border-right:1px solid var(--rule);grid-area:panel;grid-template-columns:58px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.panel__body{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.stage{isolation:isolate;background:var(--stage);grid-area:stage;min-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none;display:block}.stage.is-hovering canvas{cursor:grab}.stage.is-dragging canvas{cursor:grabbing}.labels{pointer-events:none;position:absolute;inset:0}.viewbar{z-index:2;flex-wrap:wrap;grid-area:stage;place-self:start;gap:8px;margin:16px;display:flex}.hint{z-index:2;color:var(--pencil);pointer-events:none;grid-area:stage;place-self:end start;margin:0 16px 14px;font-size:12.5px}.panel{min-width:340px}.inspector{min-width:300px}.app.is-left-closed{--left:0px}.app.is-right-closed{--right:0px}.app.is-left-closed .panel,.app.is-right-closed .inspector{visibility:hidden;transition:visibility 0s .22s}.edge-toggle{z-index:4;border:1px solid var(--rule);background:var(--plaster);width:20px;height:56px;color:var(--graphite);cursor:pointer;grid-area:stage;align-self:center;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 6px 16px -10px #26292d73}.edge-toggle:hover{background:var(--plaster-deep)}.edge-toggle--left{border-left:0;border-radius:0 6px 6px 0;justify-self:start}.edge-toggle--right{border-right:0;border-radius:6px 0 0 6px;justify-self:end}.edge-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.edge-toggle.has-details:after{content:"";background:var(--tape);width:7px;height:7px;box-shadow:0 0 0 1px var(--graphite);border-radius:50%;position:absolute;top:6px;left:6px}@media (prefers-reduced-motion:reduce){.app,.app.is-left-closed .panel,.app.is-right-closed .inspector{transition:none}}.brand{padding:20px 20px 16px}.brand h1{letter-spacing:-.01em;font-size:20px;font-weight:720;font-stretch:115%}.section{border-top:1px solid var(--rule);padding:16px 20px 20px}.section h2{margin-bottom:12px;font-size:14px;font-weight:650}.section__head{justify-content:space-between;align-items:baseline;display:flex}.section__meta{color:var(--pencil);font-size:12.5px}.panel__footer{margin-top:auto}.field-row{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.field-row--first{align-items:end;margin-top:0}.field-row--first .measure{flex:0 0 96px}.field-row__label{white-space:nowrap}.field-row__label,.swatches__label,.inspector h3{color:var(--pencil);font-size:12.5px;font-weight:400}.adder{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.adder--room{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;margin-top:16px}.adder .btn{margin-bottom:8px}.section__head--list{margin:20px 0 6px}.list-title{color:var(--pencil);font-size:12.5px;font-weight:400}.btn[aria-pressed=true]{background:var(--tape-wash);text-decoration:none}.wall-list{margin:0;padding:0;list-style:none}.wall-list button{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;gap:10px;width:100%;padding:6px;display:flex}.wall-list li:first-child button{border-top:1px solid var(--rule)}.wall-list button:hover{background:var(--plaster-deep)}.wall-list button[aria-current=true]{background:var(--tape-wash)}.wall-list .is-group{font-weight:600}.wall-list .is-nested{border-bottom-style:dashed;padding-left:40px}.wall-list__group{display:flex}.wall-list .wall-list__fold{width:28px;color:var(--pencil);flex:none;justify-content:center;align-items:center;padding:0}.wall-list__fold svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.wall-list .wall-list__fold:hover{color:var(--graphite)}.wall-list__group .is-group{flex:1;min-width:0;padding-left:0}.wall-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wall-list__size{font-variant-numeric:tabular-nums;color:var(--pencil);flex:none;font-size:13px;font-weight:400;font-stretch:75%}.measures{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.measure{cursor:text;flex-direction:column;gap:2px;display:flex}.measure__label{color:var(--pencil);font-size:12.5px}.measure__value{background:repeating-linear-gradient(90deg, var(--graphite) 0 1px, transparent 1px 25px) left bottom / 100% 8px no-repeat, repeating-linear-gradient(90deg, var(--graphite) 0 1px, transparent 1px 5px) left bottom / 100% 4px no-repeat, linear-gradient(var(--graphite), var(--graphite)) left bottom / 100% 1px no-repeat;border-radius:2px 2px 0 0;align-items:baseline;gap:3px;padding:0 3px 9px;display:flex}.measure:focus-within .measure__value{background-color:var(--tape-wash)}.measure input{font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:2px 0 0;font-size:23px;font-weight:600;font-stretch:75%;line-height:1.1}.measure input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.measure input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.measure input:focus{outline:none}.measure__unit{color:var(--pencil);font-size:12px}.swatches{margin-top:18px}.swatches__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.swatches__name{font-size:12.5px;font-weight:560}.swatches__row{flex-wrap:wrap;gap:9px 6px;display:flex}.chip{background:var(--chip);cursor:pointer;border:1px solid #26292d33;border-radius:3px;width:28px;height:24px;padding:0;position:relative}.chip[aria-pressed=true]:after,.chip--custom.is-on:after{content:"";background:var(--graphite);border-radius:1px;height:3px;position:absolute;bottom:-6px;left:-1px;right:-1px}.chip--custom{border-style:dashed;border-color:var(--pencil);color:var(--pencil);background:0 0;place-items:center;font-size:17px;line-height:1;display:grid}.chip--custom.is-on{background:var(--chip);border-style:solid;border-color:#26292d33}.chip--custom.is-on span{visibility:hidden}.chip--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.chip--custom:focus-within{outline:2px solid var(--graphite);outline-offset:2px}.segmented{border:1px solid var(--rule);background:var(--plaster-deep);border-radius:5px;padding:2px;display:inline-flex}.segmented button{color:var(--pencil);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 11px;font-size:13px;font-weight:520}.segmented button:hover{color:var(--graphite)}.segmented button[aria-pressed=true]{background:var(--plaster);color:var(--graphite);box-shadow:0 1px 2px #26292d26}.segmented--stage{background:var(--plaster);box-shadow:0 6px 18px -10px #26292d66}.segmented--stage button{color:var(--graphite)}.segmented--stage button:hover{background:var(--plaster-deep)}.switch{border:1px solid var(--rule);background:var(--plaster);cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:6px 11px 6px 8px;font-size:13px;font-weight:520;display:inline-flex;box-shadow:0 6px 18px -10px #26292d66}.switch:hover{background:var(--plaster-deep)}.switch__track{background:var(--rule);border-radius:8px;flex:none;width:28px;height:16px;transition:background .15s;position:relative}.switch__track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #26292d4d}.switch[aria-pressed=true] .switch__track{background:var(--graphite)}.switch[aria-pressed=true] .switch__track:after{background:var(--tape);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.switch__track,.switch__track:after{transition:none}}.draw-entry{gap:6px;margin-bottom:16px;display:grid}.draw-entry .btn{justify-self:start}.draw{z-index:6;background:#f7f7f3;position:absolute;inset:0;overflow:hidden}.draw__canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.draw__bar{border:1px solid var(--rule);background:#edeeeaf2;border-radius:6px;flex-wrap:wrap;align-items:end;gap:10px 16px;padding:10px 12px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 10px 24px -14px #26292d73}.draw__fields{gap:12px;display:flex}.draw__fields .measure{width:92px}.draw__actions,.draw__exit{align-items:center;gap:8px;margin-bottom:6px;display:flex}.draw__exit{margin-left:auto}.draw__count{font-variant-numeric:tabular-nums;color:var(--pencil);font-size:13px;font-stretch:75%}.draw__hint,.draw__legend{color:var(--pencil);pointer-events:none;margin:0;font-size:12.5px;position:absolute}.draw__hint{bottom:12px;left:16px;right:180px}.draw__legend{border:1px solid var(--rule);background:#f7f7f3e6;border-radius:3px;padding:2px 8px;bottom:12px;right:16px}.app.is-drawing .viewbar,.app.is-drawing .hint{visibility:hidden}@media (width<=820px){.draw__hint{display:none}}.history button{place-items:center;padding:5px 8px;display:grid}.history svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.history button:disabled{opacity:.35;cursor:default}.history button:disabled:hover{background:0 0}.lock,.tool{border:1px solid var(--rule);background:var(--plaster);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:6px 11px 6px 8px;font-size:13px;font-weight:520;display:inline-flex;box-shadow:0 6px 18px -10px #26292d66}.lock:hover,.tool:hover{background:var(--plaster-deep)}.lock svg,.tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lock[aria-pressed=true],.tool[aria-pressed=true]{border-color:var(--graphite);background:var(--graphite);color:var(--plaster)}.lock[aria-pressed=true] svg,.tool[aria-pressed=true] svg{color:var(--tape)}.lock-note{background:var(--graphite);color:var(--plaster);margin:0;padding:8px 20px;font-size:12.5px}.chip:disabled,.add-btn:disabled,.design-btn:disabled,.preset:disabled,.segmented button:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.chip--custom:has(input:disabled){opacity:.45;cursor:not-allowed}.measure:has(input:disabled){cursor:default}.measure input:disabled{color:var(--pencil)}.inspector__name:disabled{cursor:default}.check:has(input:disabled){cursor:default}.stage.is-locked.is-hovering canvas{cursor:pointer}.add-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.add-btn{border:1px solid var(--rule);cursor:pointer;text-align:center;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 4px 8px;font-size:12px;font-weight:560;line-height:1.2;display:flex}.section__head--tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px}.section__head--tabs h2{margin-bottom:0}.section__head--tabs .segmented{flex-wrap:wrap;width:100%;display:flex}.section__head--tabs .segmented button{flex:auto;padding:4px 6px;font-size:12.5px}.add-btn:hover{border-color:var(--graphite);background:var(--plaster-deep)}.add-btn:active{background:var(--tape-wash)}.add-btn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:28px;display:block}.add-btn[aria-expanded=true]{border-color:var(--graphite);background:var(--tape-wash)}.design-menu{border:1px solid var(--graphite);border-radius:6px;margin-top:10px;padding:10px 10px 12px}.design-menu__head{justify-content:space-between;align-items:center;margin:-2px 0 8px 2px;font-size:13px;font-weight:600;display:flex}.designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.design-btn{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px 6px;font-size:12.5px;font-weight:520;display:flex}.design-btn:hover{border-color:var(--graphite);background:var(--plaster-deep)}.design-btn[aria-pressed=true]{border-color:var(--graphite);background:var(--tape-wash)}.design-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:42px;height:28px;display:block}.icon-btn--small{width:26px;height:26px}.icon-btn--small svg{width:15px;height:15px}.measures--two{grid-template-columns:repeat(2,minmax(0,1fr))}.check{cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;display:flex}.check input{width:16px;height:16px;accent-color:var(--graphite);margin:0}.inventory{margin:0;padding:0;list-style:none}.inventory button{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 6px;display:grid}.inventory li:first-child button{border-top:1px solid var(--rule)}.inventory button:hover{background:var(--plaster-deep)}.inventory button[aria-current=true]{background:var(--tape-wash)}.inventory__dot{background:var(--chip);border:1px solid #26292d33;border-radius:2px;width:14px;height:14px}.inventory__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inventory__size{font-variant-numeric:tabular-nums;color:var(--pencil);font-size:13px;font-stretch:75%}.empty{color:var(--pencil);margin:0;font-size:13px}.btn{border:1px solid var(--graphite);cursor:pointer;background:0 0;border-radius:4px;padding:7px 12px;font-size:13px;font-weight:560}.btn:hover{background:var(--plaster-deep)}.btn--plain{text-underline-offset:3px;border-color:#0000;text-decoration:underline}.btn--small{padding:2px 4px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--tape{border-color:var(--graphite);background:var(--tape);box-shadow:0 6px 18px -10px #26292d66}.btn--tape:hover{background:#f7cf45}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:#f3dfdb}.icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-btn:hover{border-color:var(--rule);background:var(--plaster-deep)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.file-actions{flex-wrap:wrap;gap:8px;display:flex}.note{color:var(--pencil);margin:12px 0 0;font-size:12.5px}.inspector{border-left:1px solid var(--rule);background:var(--plaster);grid-area:inspector;overflow-y:auto}.inspector__empty{color:var(--pencil);padding:20px;font-size:13.5px}.inspector__empty p{margin:0 0 20px}.keys{grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:12.5px;display:grid}.keys dt{color:var(--graphite);font-weight:600}.keys dd{margin:0}.inspector__head{border-bottom:3px solid var(--tape);align-items:center;gap:8px;padding:14px 12px 14px 20px;display:flex}.inspector__heading{flex:1;min-width:0}.inspector__title{font-size:17px;font-weight:650}.inspector__sub{color:var(--pencil);margin:2px 0 0;font-size:12.5px}.inspector__empty .inspector__title{color:var(--graphite);margin-bottom:12px}.tips{margin:0 0 20px;padding-left:18px}.tips li+li{margin-top:8px}.measures--gap{margin-top:14px}.help{color:var(--pencil);margin:10px 0 0;font-size:12.5px}.help--side{margin:0 0 10px}.inspector__name{background:0 0;border:1px solid #0000;border-radius:3px;flex:1;min-width:0;margin-left:-4px;padding:2px 4px;font-size:17px;font-weight:650}.inspector__name:hover{border-color:var(--rule)}.inspector__name:focus{border-color:var(--graphite);background:#fff;outline:none}.inspector__group{border-top:1px solid var(--rule);padding:16px 20px 18px}.inspector__head+.inspector__group{border-top:0}.inspector__group>.swatches:first-child{margin-top:0}.inspector h3{margin-bottom:8px}.presets{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.preset{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font-size:12.5px}.preset:hover{border-color:var(--graphite)}.preset[aria-pressed=true]{border-color:var(--graphite);background:var(--graphite);color:var(--plaster)}.measures--tv{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end}.readout{font-variant-numeric:tabular-nums;color:var(--pencil);margin:0 0 10px;font-size:13px;font-stretch:75%}.readout--wall{margin:10px 0 0;font-size:12.5px;font-stretch:100%;line-height:1.4}.field-row--choice{margin-top:10px}.field-row--choice .segmented button{min-width:34px;padding:4px 8px;font-size:12.5px}.stage.is-hovering-slide canvas{cursor:ew-resize}.field-row--stack{flex-direction:column;align-items:stretch;gap:6px;margin-top:12px}.field-row--stack .field-row__label{white-space:normal}.field-row--stack .segmented{display:flex}.field-row--stack .segmented button{flex:1;padding:4px 6px;font-size:12.5px}.field-row--choice.field-row--stack .segmented button{flex:1 0 auto;min-width:0;padding:4px 5px}.turn{align-items:center;gap:6px;display:flex}.turn input[type=range]{min-width:0;accent-color:var(--graphite);flex:1}.turn__value{text-align:right;font-variant-numeric:tabular-nums;width:38px;font-size:15px;font-weight:600;font-stretch:75%}.inspector__actions{border-top:1px solid var(--rule);justify-content:space-between;gap:8px;padding:16px 20px 20px;display:flex}.handle--end{z-index:5;border:2px solid var(--graphite);background:var(--tape);pointer-events:auto;cursor:grab;touch-action:none;border-radius:50%;width:18px;height:18px;padding:0}.handle--end:hover{transform:scale(1.2)}.snap-mark{z-index:4;border:2px solid var(--graphite);pointer-events:none;background:#f4c21b59;border-radius:50%;width:26px;height:26px;padding:0}.dim{font:600 12.5px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--graphite);border-radius:2px;padding:3px 6px;font-stretch:75%}.dim--sel{z-index:3;background:var(--tape);box-shadow:0 0 0 1px var(--graphite)}.dim--warn{z-index:5;white-space:normal;text-align:center;color:#fff;max-width:170px;box-shadow:0 0 0 1px var(--graphite);background:#c43d3d;padding:4px 7px;font-size:12px;line-height:1.25}.dim--gap{z-index:2;background:#edeeeaeb;padding:2px 5px;font-size:11.5px;box-shadow:0 0 0 1px #26292d59}.dim--room{z-index:1;color:var(--pencil);background:#d9dcd5d9;font-size:13px;font-weight:560}.toast{z-index:10;background:var(--graphite);max-width:min(440px,100vw - 32px);color:var(--plaster);opacity:0;pointer-events:none;border-radius:4px;margin:0;padding:9px 14px;font-size:13.5px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}@media (width<=820px){.panel,.inspector{min-width:0}.app.is-left-closed .panel,.app.is-right-closed .inspector{visibility:visible}.edge-toggle{display:none}.app{grid-template:"stage"58svh"inspector""panel"/minmax(0,1fr);height:auto;transition:none;overflow:visible}.panel{border-right:0;overflow:visible}.inspector{border-left:0;border-bottom:1px solid var(--rule);overflow:visible}.inspector.is-empty{display:none}.viewbar{margin:10px}.hint{display:none}}@media (width<=480px){.segmented--stage button{padding:5px 8px}.viewbar .btn{padding:6px 10px}}.stage.is-measuring canvas{cursor:crosshair}.tool[hidden]{display:none}.measure-dot{z-index:4;border:2px solid var(--graphite);background:var(--tape);pointer-events:none;border-radius:50%;width:12px;height:12px;padding:0}.rail{border-right:1px solid var(--rule);background:var(--plaster-deep);flex-direction:column;gap:4px;padding:14px 6px;display:flex}.rail__tab{color:var(--pencil);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:11px;font-weight:600;display:flex}.rail__tab svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.rail__tab:hover{color:var(--graphite);background:var(--plaster)}.rail__tab[aria-selected=true]{color:var(--graphite);background:var(--tape);box-shadow:inset 0 0 0 1px var(--graphite)}.panel__head{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 4px 18px;display:flex;position:relative}.pane{padding:4px 18px 24px}.pane__head{justify-content:space-between;align-items:baseline;margin:10px 0 12px;display:flex}.pane__head h2{font-size:16px;font-weight:650}.pane__label{color:var(--pencil);margin:20px 0 8px;font-size:12.5px;font-weight:400}.pane__label-row{justify-content:space-between;align-items:baseline;margin:22px 0 6px;display:flex}.pane__label-row .pane__label{margin:0}.pane .adder--room{margin-top:0}.btn--wide{justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;display:flex}.btn--wide svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.more{margin-top:16px}.more summary{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:560;list-style:none;display:inline-flex}.more summary::-webkit-details-marker{display:none}.more summary:before{content:"+";border:1px solid var(--graphite);border-radius:50%;place-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:grid}.more[open] summary:before{content:"−"}.more[open]>.adder{margin-top:10px}.search{border:1px solid var(--rule);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6268' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.5-4.5'/%3E%3C/svg%3E") 10px/16px no-repeat;border-radius:6px;width:100%;padding:8px 10px 8px 32px;font-size:13.5px}.search:hover{border-color:var(--pencil)}.search:focus{border-color:var(--graphite)}.pills{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.pill{border:1px solid var(--rule);color:var(--pencil);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:540;display:inline-flex}.pill:hover{border-color:var(--graphite);color:var(--graphite)}.pill[aria-pressed=true]{border-color:var(--graphite);background:var(--tape);color:var(--graphite)}.pill__count{font-variant-numeric:tabular-nums;opacity:.75;font-stretch:75%}.designs--results{margin-top:12px}.design-btn__kind{color:var(--pencil);font-size:11px;font-weight:400}.inventory__group button{font-weight:600}.inventory__fold svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}.inventory li:not(.inventory__group) button{padding-left:18px}.inventory .empty .btn{padding:0}.file-menu{z-index:5;border:1px solid var(--graphite);background:var(--plaster);border-radius:6px;width:232px;padding:6px;position:absolute;top:46px;right:10px;box-shadow:0 12px 30px -12px #26292d73}.file-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;display:flex}.file-menu button:hover{background:var(--plaster-deep)}.file-menu button:disabled{opacity:.45;cursor:not-allowed}.file-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.file-menu .is-danger{color:var(--danger)}.file-menu .note{margin:6px 10px 4px}@media (width<=820px){.panel{grid-template-columns:minmax(0,1fr);overflow:visible}.panel__body{overflow:visible}.rail{z-index:4;border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;padding:6px;position:sticky;top:0}.rail__tab{flex:1}}.room-label{z-index:1;background:color-mix(in srgb, var(--tint,#e3e3dd) 55%, #fff);font:650 12.5px/1.15 var(--font);color:var(--graphite);white-space:nowrap;pointer-events:auto;cursor:grab;border:1px solid #26292d59;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px 5px;display:flex}.room-label:hover{border-color:var(--graphite)}.room-label.is-selected{border:2px solid var(--graphite);box-shadow:0 0 0 2px var(--tape)}.room-label__area{font-variant-numeric:tabular-nums;color:var(--pencil);font-size:11.5px;font-weight:450;font-stretch:75%}.room-label--ghost{border:1px dashed var(--pencil);color:var(--pencil);cursor:pointer;background:#edeeead1;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:560}.room-label--ghost:hover{color:var(--graphite);border-style:solid}.stage.is-locked .room-label,.stage.is-measuring .room-label{cursor:pointer}.room-list button{justify-content:flex-start;align-items:center}.room-list .wall-list__name{flex:1}.room-list__icon,.room-type__icon{background:var(--tint);border-radius:5px;flex:none;place-items:center;width:24px;height:24px;display:grid}.room-list__icon svg,.room-type__icon svg{fill:none;width:16px;height:16px;stroke:var(--graphite);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.room-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.room-type{gap:4px;padding:8px 4px 7px;font-size:12px}.room-type__icon{width:30px;height:30px}.room-type__icon svg{width:19px;height:19px}.check--gap{margin-top:16px}.gap-close{z-index:4;border:1px solid var(--graphite);background:var(--plaster);font:600 11.5px/1.3 var(--font);color:var(--graphite);white-space:nowrap;pointer-events:auto;cursor:pointer;border-radius:999px;margin-top:30px;padding:3px 9px}.gap-close:hover{background:var(--tape)}.draw__kind{align-self:end}.draw__kind button{white-space:nowrap;padding:4px 9px;font-size:12.5px}.divider-entry{margin-top:12px}.divider-entry .btn,.tool--on{align-items:center;gap:6px;display:inline-flex}.divider-entry svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.tool--on{border-color:var(--graphite);background:var(--tape)}.tool--on:hover{background:#f7cf45}.layers{position:relative}.layers-menu{z-index:6;border:1px solid var(--graphite);background:var(--plaster);border-radius:6px;gap:8px;min-width:170px;padding:10px 12px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px -12px #26292d73}.layers-menu .check{margin:0}.type-entry{margin-top:4px}.type-next{align-items:end;gap:10px;display:flex}.type-pad{grid-template-columns:repeat(3,22px);grid-auto-rows:20px;gap:2px;display:grid}.type-pad button{border:1px solid var(--rule);background:var(--plaster);color:var(--pencil);cursor:pointer;border-radius:3px;padding:0;font-size:12px;line-height:1}.type-pad button:hover{color:var(--graphite);border-color:var(--pencil)}.type-pad button[aria-pressed=true]{background:var(--tape);border-color:var(--graphite);color:var(--graphite)}.type-next__piece{gap:6px;margin-bottom:2px;display:grid}.type-next__length{align-items:center;gap:6px;display:flex}.type-length{border:1px solid var(--graphite);width:96px;font:600 15px var(--font);font-variant-numeric:tabular-nums;background:#fff;border-radius:4px;padding:5px 8px}.type-length:focus{outline:2px solid var(--tape);outline-offset:1px}.draw__exit .draw__count{margin-right:4px}.type-note{border:1px solid var(--graphite);background:var(--tape-wash);pointer-events:none;border-radius:4px;margin:0;padding:6px 12px;font-size:13px;position:absolute;top:110px;left:50%;transform:translate(-50%)}.typer{gap:12px;display:grid}.typer .inspector__title{margin:0}.typer .help--first{margin-top:-6px}.typer__line{border:1px solid var(--rule);background:var(--plaster);border-radius:6px;padding:8px 10px 10px}.typer__line.is-current{border-color:var(--graphite);box-shadow:inset 3px 0 0 var(--tape)}.typer__head{align-items:center;gap:8px;display:flex}.typer__name{font:600 13.5px var(--font);color:var(--graphite);cursor:pointer;background:0 0;border:0;padding:0}.typer__where{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pencil);flex:1;font-size:12.5px;overflow:hidden}.typer__anchor{color:var(--pencil);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.typer__steps{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.type-row{grid-template-columns:16px 42px minmax(0,1fr) 58px 18px 26px;align-items:center;gap:4px;font-size:12.5px;display:grid}.type-row.is-lit,.type-row:hover{background:var(--tape-wash);border-radius:3px}.type-row__no{text-align:right;font-variant-numeric:tabular-nums;color:var(--pencil)}.type-row select,.typer__anchor select{border:1px solid var(--rule);min-width:0;font:13px var(--font);background:#fff;border-radius:3px;padding:2px 4px}.type-row__dir{font-size:14px}.type-row--opening .type-row__kind{color:#8a5d0d}.typer__num{border:1px solid var(--rule);width:100%;font:600 13px var(--font);font-variant-numeric:tabular-nums;text-align:right;background:#fff;border-radius:3px;padding:3px 6px}.typer__anchor .typer__num{width:56px}.type-row__unit{color:var(--pencil)}.type-row__door{color:var(--pencil);flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:4px 12px;margin:2px 0 4px;font-size:12px;display:flex}.type-row__door label{white-space:nowrap;align-items:center;gap:5px;display:flex}.type-row__door .typer__num{width:46px}.typer__empty,.typer__thick,.typer__status{color:var(--pencil);margin:8px 0 0;font-size:12.5px}.typer__thick{margin-top:6px;font-size:12px}.typer__status--ok{color:#2f6b3a}.typer__status--warn{color:#b2401a}.typer__add{grid-template-columns:1fr 1fr;gap:8px;display:grid}.typer__add .btn{padding:7px 8px;font-size:13px}.typer__add .btn[aria-pressed=true]{background:var(--tape);border-color:var(--graphite)}.typer__replace{margin-top:0}.typer__link{font:inherit;color:var(--graphite);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.typer__status .typer__link{white-space:nowrap}.typer__diagonals{border-top:1px dashed var(--rule);margin-top:10px;padding-top:8px}.typer__sub{margin:0;font-size:12.5px;font-weight:600}.typer__sub span{color:var(--pencil);font-weight:400}.typer__diagonal{color:var(--pencil);grid-template-columns:44px auto 44px minmax(0,1fr) 18px 26px;align-items:center;gap:4px;font-size:12.5px;display:grid}.typer__diagonal select{border:1px solid var(--rule);min-width:0;font:13px var(--font);background:#fff;border-radius:3px;padding:2px 4px}.typer__diagonal.is-off .typer__num{color:#b2401a;border-color:#b2401a}.typer__diagonals .typer__link{margin-top:8px;font-size:12.5px}.wall-mark{z-index:3;border:2px solid var(--graphite);background:var(--tape);pointer-events:auto;cursor:pointer;border-radius:50%;width:16px;height:16px;padding:0;box-shadow:0 0 0 2px #ffffffd9}.wall-mark:hover{transform:scale(1.15)}.wall-mark.is-selected{box-shadow:0 0 0 3px var(--graphite), 0 0 0 5px var(--tape)}.stage.is-measuring .wall-mark{pointer-events:none}.mark-spot{z-index:5;pointer-events:auto;cursor:crosshair;width:26px;height:26px;position:relative}.mark-spot__ring{border-radius:50%;position:absolute;inset:0}.mark-spot:hover .mark-spot__ring{box-shadow:inset 0 0 0 2px #26292d59}.mark-save{border:1px solid var(--graphite);background:var(--tape);font:600 12px var(--font);color:var(--graphite);white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;border-radius:3px;padding:3px 8px;transition:opacity .12s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mark-spot:hover .mark-save,.mark-spot:focus-within .mark-save{opacity:1;pointer-events:auto}@media (hover:none){.mark-spot .mark-save{opacity:1;pointer-events:auto}}.mark-save:hover{background:#f8d34a}.project{flex:1;min-width:0;display:grid}.brand .project__app{letter-spacing:.02em;color:var(--pencil);font-size:11.5px;font-weight:600;font-stretch:100%}.project__button{max-width:100%;font:720 20px/1.25 var(--font);letter-spacing:-.01em;color:var(--graphite);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;margin-left:-6px;padding:2px 6px;font-stretch:115%;display:flex}.project__button:hover,.project__button[aria-expanded=true]{background:var(--plaster-deep)}.project__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project__chevron svg,.project-row__check svg,.project-row__action svg,.project-menu__action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.project-menu{z-index:6;border:1px solid var(--graphite);background:var(--plaster);border-radius:6px;max-height:70vh;padding:6px;position:absolute;top:calc(100% + 4px);left:12px;right:12px;overflow:auto;box-shadow:0 12px 30px -12px #26292d73}.project-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.project-row{border-radius:4px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid}.project-row.is-current{background:var(--tape-wash)}.project-row__open{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}button.project-row__open:hover{background:var(--plaster-deep)}.project-row.is-current button.project-row__open:hover{background:0 0}.project-row__plan svg{fill:none;width:44px;height:32px;stroke:var(--graphite);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;display:block}.project-row__plan rect{fill:#fff;stroke:var(--rule);stroke-width:1px}.project-row__text{min-width:0;display:grid}.project-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.project-row__meta{color:var(--pencil);font-size:12px}.project-row__rename{border:1px solid var(--graphite);width:100%;min-width:0;font:650 13.5px var(--font);background:#fff;border-radius:3px;padding:4px 6px}.project-row__menu{border:1px solid var(--rule);background:#fff;border-radius:4px;grid-column:1/-1;gap:1px;margin:2px 6px 6px 60px;padding:4px;display:grid}.project-row__action,.project-menu__action{width:100%;font:13px var(--font);color:var(--graphite);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;display:flex}.project-row__action:hover,.project-menu__action:hover{background:var(--plaster-deep)}.project-row__action.is-danger{color:var(--danger)}.project-menu__foot{border-top:1px solid var(--rule);gap:2px;margin-top:6px;padding-top:6px;display:grid}.project-menu__action{font-size:13.5px;font-weight:600}.project-menu .note{margin:4px 8px 2px}.dialog{border:1px solid var(--graphite);background:var(--plaster);width:min(380px,100vw - 32px);color:var(--graphite);border-radius:8px;padding:18px 20px;box-shadow:0 24px 60px -20px #26292d80}.dialog::backdrop{background:#26292d59}.dialog__title{margin:0 0 14px;font-size:17px;font-weight:700}.dialog__body{gap:14px;display:grid}.dialog__label{color:var(--pencil);gap:6px;padding:0;font-size:12.5px;display:grid}.dialog__input{border:1px solid var(--graphite);font:650 15px var(--font);color:var(--graphite);background:#fff;border-radius:4px;padding:8px 10px}.dialog__choices{border:0;gap:6px;margin:0;padding:0;display:grid}.dialog__choice{border:1px solid var(--rule);cursor:pointer;background:#fff;border-radius:6px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.dialog__choice:has(input:checked){border-color:var(--graphite);box-shadow:inset 3px 0 0 var(--tape)}.dialog__choice input{accent-color:var(--graphite);margin-top:3px}.dialog__choice-label{color:var(--graphite);font-size:13.5px;font-weight:650;display:block}.dialog__choice-help{color:var(--pencil);font-size:12px;display:block}.dialog__text{margin:0;font-size:13.5px;line-height:1.5}.dialog__actions{align-items:center;gap:8px;margin-top:18px;display:flex}.dialog__spacer{flex:1}.sunbar{z-index:3;border:1px solid var(--graphite);background:#edeeeaf5;border-radius:8px;grid-area:stage;place-self:end center;width:min(560px,100% - 32px);margin-bottom:44px;padding:10px 14px 12px;box-shadow:0 14px 34px -16px #26292d80}.app.is-drawing .sunbar{visibility:hidden}.sunbar__top{align-items:center;gap:10px;display:flex}.sunbar__days button{padding:4px 9px;font-size:12.5px}.sunbar__clock{font:720 22px/1 var(--font);font-variant-numeric:tabular-nums;margin-left:auto;font-stretch:85%}.sunbar__play svg{fill:currentColor}.sunbar__arc{cursor:ew-resize;touch-action:none;margin-top:6px}.sunbar__arc svg{width:100%;height:auto;display:block}.sunbar__arc line{stroke:var(--rule);stroke-width:1.5px}.sunbar__path{fill:none;stroke:#c9940a;stroke-width:2px;stroke-dasharray:4 5}.sunbar__sun{fill:#ffcf4a;stroke:#9a6b0d;stroke-width:2px}.sunbar__time{accent-color:#c9940a;width:100%;margin:2px 0 0;display:block}.sunbar__times{color:var(--pencil);justify-content:space-between;gap:10px;font-size:12px;display:flex}.sunbar__high{color:var(--graphite);font-weight:600}.sunbar__north{border-top:1px solid var(--rule);align-items:end;gap:14px;margin-top:10px;padding-top:8px;display:flex}.sunbar__north .measure{width:84px}.sunbar__place{color:var(--pencil);margin-bottom:6px;font-size:12.5px}.sunbar__note{background:var(--tape-wash);border-radius:4px;margin:8px 0 0;padding:6px 10px;font-size:12.5px}.compass-north,.compass-dir{width:26px;height:26px;font:720 13px var(--font);border-radius:50%;place-items:center;display:grid}.compass-north{z-index:4;border:2px solid var(--graphite);color:#fff;pointer-events:auto;cursor:grab;touch-action:none;background:#d85a30;padding:0}.compass-north.is-unset{animation:1.6s ease-in-out infinite compass-hint}@keyframes compass-hint{50%{box-shadow:0 0 0 7px #d85a3040}}@media (prefers-reduced-motion:reduce){.compass-north.is-unset{animation:none}}.compass-dir{color:var(--pencil);background:#edeeead9}.compass-pick{display:flex}.compass-pick button{flex:1;padding:5px 0;font-size:12px}