:where(:root){--tool-raised:Canvas;--tool-surface:color-mix(in oklab, CanvasText 5%, Canvas);--tool-track:color-mix(in oklab, CanvasText 9%, Canvas);--tool-ink:CanvasText;--tool-ink-soft:color-mix(in oklab, CanvasText 80%, Canvas);--tool-muted:color-mix(in oklab, CanvasText 58%, Canvas);--tool-line:color-mix(in oklab, CanvasText 10%, Canvas);--tool-line-strong:color-mix(in oklab, CanvasText 28%, Canvas);--tool-accent:darkslategray;--tool-on-accent:white;--tool-ok:color-mix(in oklab, seagreen 14%, Canvas);--tool-ok-ink:color-mix(in oklab, darkslategray 85%, CanvasText);--tool-warn:color-mix(in oklab, goldenrod 18%, Canvas);--tool-warn-ink:color-mix(in oklab, darkgoldenrod 65%, CanvasText);--tool-bad:color-mix(in oklab, coral 18%, Canvas);--tool-bad-ink:color-mix(in oklab, sienna 80%, CanvasText);--tool-weight-strong:600;--tool-offset-top:0px;--tool-radius:24px;--tool-radius-sm:14px;--tool-radius-control:999px;--tool-font:inherit}.wb{--grid-minor:#d3d6cf;--grid-major:#b3b7ae;--room-floor:#e2e4de;--room-wall:#ebece8;aspect-ratio:3/2;min-block-size:320px;max-block-size:clamp(360px, calc(100svh - var(--tool-offset-top) - 150px), 760px);border-radius:calc(var(--tool-radius-sm) * 8 / 7);background:var(--room-floor);inline-size:100%;font-family:var(--tool-font);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.wb.wb-full{aspect-ratio:auto;border-radius:0;block-size:100%;max-block-size:none}.wb [hidden]{display:none!important}.wb canvas{outline:none;block-size:100%;inline-size:100%;display:block}.wb canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--tool-ink)}.wb-nogl{text-align:center;color:var(--tool-muted);place-items:center;margin:0;padding:24px;display:grid;position:absolute;inset:0}.wb-poster{padding:64px 24px 24px;display:grid;position:absolute;inset:0}.wb-poster>svg{block-size:100%;inline-size:100%}.wb-poster~.wb-nogl{padding:12px 24px;inset:auto 0 0}.wb[data-wb-state=static] .wb-top,.wb[data-wb-state=nogl] .wb-top{visibility:hidden}.wb[data-wb-state=static] .wb-modes,.wb[data-wb-state=nogl] .wb-modes{display:none}.wb[data-wb-state=static] .wb-poster,.wb[data-wb-state=nogl] .wb-poster{padding:24px}.wb-glass{border-radius:min(var(--tool-radius-control), 12px);background:color-mix(in srgb, var(--tool-raised) 88%, transparent);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px color-mix(in srgb, var(--tool-ink) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--tool-ink) 8%, transparent)}.wb-head{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:10px 10px auto}.wb-top{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:8px;display:flex}.wb-bottom{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:auto 10px 10px}.wb-bottom>:only-child{margin-inline-start:auto}.wb-top>*,.wb-bottom>*,.wb-tools{pointer-events:auto}.wb-views,.wb-modes{gap:2px;min-inline-size:0;padding:4px;display:flex}.wb-views{flex-wrap:wrap}.wb-modes{scrollbar-width:none;overflow-x:auto}.wb-views button,.wb-modes button{border-radius:min(var(--tool-radius-control), 9px);min-block-size:32px;font-size:13.5px;font-weight:var(--tool-weight-strong);color:var(--tool-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0 11px;transition:background-color .2s,color .2s}.wb-views button:hover,.wb-modes button:hover{color:var(--tool-ink)}.wb-views button[aria-pressed=true],.wb-modes button[aria-pressed=true]{background:var(--tool-ink);color:var(--tool-raised)}.wb-modes,.wb-modes button{border-radius:var(--tool-radius-control)}.wb-actions{flex:none;gap:2px;margin-inline-start:auto;padding:4px;display:flex}.wb-ico{border-radius:min(var(--tool-radius-control), 9px);block-size:32px;inline-size:34px;color:var(--tool-ink);cursor:pointer;background:0 0;border:0;place-items:center;transition:background-color .2s;display:grid}.wb-ico:hover{background:var(--tool-track)}.wb-ico[aria-pressed=true]{background:var(--tool-ink);color:var(--tool-raised)}.wb-ico:disabled{opacity:.3;cursor:default;background:0 0}.wb-ico svg,.wb-pill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;block-size:18px;inline-size:18px}.wb-tools{flex-direction:column;gap:4px;padding:5px;display:flex}.wb-tools hr{border:0;border-top:1px solid var(--tool-line);inline-size:auto;margin:2px 6px}.wb-tools .wb-ico{block-size:38px;inline-size:38px}.wb-pill{border-radius:var(--tool-radius-control);color:var(--tool-ink-soft);align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:color .2s;display:inline-flex}.wb-pill.on{color:var(--tool-accent);box-shadow:0 0 0 1.5px var(--tool-accent)}.wb-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wb-dim{border-radius:var(--tool-radius-control);background:var(--tool-accent);color:var(--tool-on-accent);font-size:12.5px;font-weight:var(--tool-weight-strong);font-variant-numeric:tabular-nums;white-space:nowrap;will-change:transform;padding:3px 9px;position:absolute;top:0;left:0}.wb-dim b{opacity:.7;margin-right:6px}@media (width<=640px){.wb{aspect-ratio:1;max-block-size:70svh}.wb-views button{padding:0 6px}.wb-actions [data-wb-action=projection],.wb-pill{display:none}.wb-head{gap:4px}.wb-tools .wb-ico{block-size:34px;inline-size:34px}}