.edit{align-items:start}.edit .sheet{align-self:center}.plan{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}body[data-tool=wall] .plan,body[data-tool=door] .plan,body[data-tool=window] .plan{cursor:crosshair}.plan .underlay{filter:invert();mix-blend-mode:screen;opacity:.32}.plan .room{fill:color-mix(in oklab, var(--amber) 9%, transparent)}.plan .room.sel{fill:color-mix(in oklab, var(--amber) 24%, transparent)}.plan .wall{stroke:var(--amber);stroke-linecap:square}.plan .wall.railing{stroke:var(--mist)}.plan .wall.sel{stroke:var(--ivory)}.plan .cut{stroke:var(--night-2)}.plan .door{stroke:var(--ivory)}.plan .glass{stroke:var(--mist)}.plan .halo{stroke:color-mix(in oklab, var(--ivory) 30%, transparent);stroke-linecap:round}.plan .handle{fill:var(--night);stroke:var(--ivory);cursor:move}.plan .draft{stroke:var(--ivory)}.plan .cursor{fill:none;stroke:var(--mist)}.plan .cursor.on{stroke:var(--amber);fill:var(--amber)}.plan .tag{fill:var(--ivory);font-family:var(--sans);text-anchor:middle;paint-order:stroke;stroke:var(--night-2);stroke-width:.35em;stroke-linejoin:round;pointer-events:none;font-weight:600}.plan .tag.area{fill:var(--mist);font-variant-numeric:tabular-nums;font-weight:500}.edit .side{align-content:start;gap:1.25rem}.tools{border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,1fr);padding:.25rem;display:grid}.tools button{color:var(--mist);background:0 0;border:0;border-radius:999px;padding:.6rem .25rem;font-size:.875rem}.tools button:hover{color:var(--ivory)}.tools button[aria-pressed=true]{background:var(--ivory);color:var(--night)}.inspector{align-content:start;justify-items:start;gap:1rem;min-height:7rem;display:grid}.inspector p{margin:0;line-height:1.5}.inspector .hint{color:color-mix(in oklab, var(--ivory) 80%, transparent)}.inspector .what{font-weight:600}.inspector select{border:1px solid var(--line);background:var(--night-2);color:var(--ivory);font:inherit;border-radius:12px;padding:.7rem 1rem}.inspector .check{color:var(--mist);align-items:center;gap:.5rem;display:flex}.inspector .check input{accent-color:var(--amber)}.summary{color:var(--mist);font-variant-numeric:tabular-nums;margin:0}.problem{color:var(--amber);margin:0;line-height:1.5}.actions{align-items:center;gap:1.5rem;display:flex}.actions .button:disabled{opacity:.4;cursor:not-allowed}.history{gap:1rem;display:flex}.history .link:disabled{color:var(--mist);opacity:.5;cursor:default;text-decoration:none}
