:root{--ink:#20242b;--muted:#535b66;--surface:#ffffffe6;--edge:#fffffff2;--shadow:0 8px 28px #18233514, 0 1px 3px #1823350a;--accent:#06c;color:var(--ink);font-optical-sizing:auto;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e7e7df;font-family:system-ui,sans-serif;line-height:1.45}body{margin:0}*{box-sizing:border-box}#app{width:100vw;height:100dvh}canvas{width:100%;height:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{letter-spacing:-.025em;margin:0;font-size:1.2rem;font-weight:650;line-height:1.2}p,output{font-size:.85rem}[role=alert]{color:#9c2812}aside,.tool-modes,.tool-options,#diagnostics{background:var(--surface);border:1px solid var(--edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem}aside{z-index:4;top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));width:46px;position:fixed}#help summary{cursor:pointer;touch-action:manipulation;place-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:650;list-style:none;display:grid}#help summary::-webkit-details-marker{display:none}:is(aside:has(#help[open]),aside:has([role=alert])){width:min(340px,100vw - 80px);max-height:calc(100dvh - 16px);overflow:auto}.help-content{padding:8px 16px}.help-content p{line-height:1.65}.help-content small{color:var(--muted);display:block}#status{padding:8px 16px 16px;font-size:.8rem;display:block}aside:not(:has(#help[open])) #status:not([role=alert]){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#build-toolbar{display:contents}.tool-modes,.tool-options{gap:4px;width:58px;padding:6px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.tool-modes{left:max(8px, env(safe-area-inset-left))}.tool-options{right:max(8px, env(safe-area-inset-right))}#build-toolbar button,.icon-select{width:44px;height:44px;color:var(--ink);background:#f5f6f8;border:1px solid #c9cdd3;border-radius:.65rem;place-items:center;margin:0;padding:0;display:grid;position:relative}#build-toolbar button{cursor:pointer;touch-action:manipulation;transition:background-color .12s ease-out}#build-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:22px;height:22px}.icon-select{border:0}.icon-select select{width:44px;height:44px;font:inherit;color:#0000;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #c9cdd3;border-radius:.65rem;font-size:16px;position:absolute;inset:0}.icon-select option{color:var(--ink);background:#fff}.color-swatch{background:var(--swatch);pointer-events:none;border:1px solid #0004;border-radius:50%;width:22px;height:22px}#build-toolbar button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px #ffffff38}#build-toolbar button:disabled{color:#68707c;cursor:default;background:#eef0f3;border-color:#0000}#build-toolbar button:active:not(:disabled){background:#dce5f0;transition:none;box-shadow:inset 0 0 0 2px #0066cc30}#build-toolbar button[aria-pressed=true]:active{background:#004f9e}@media (hover:hover){#build-toolbar button:not(:disabled):not([aria-pressed=true]):hover{background:#e7ecf3}}#diagnostics{bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));max-width:96px;max-height:64px;padding:4px;font-size:.7rem;position:fixed;overflow:auto}#diagnostics summary{cursor:pointer;align-content:center;min-width:44px;min-height:44px}#diagnostics pre{margin-bottom:0}#placement-feedback{pointer-events:none;color:#164c40;white-space:nowrap;background:#f5fff8ed;border:1px solid #19725f;border-radius:.4rem;padding:.15rem .4rem;font-size:.75rem;position:absolute;transform:translate(-50%,-100%)}#placement-feedback[data-valid=false]{color:#a62d27;white-space:pre-line;background:#fff4eeed;border-color:#a62d27}@media (width<=600px),(height<=500px),(pointer:coarse){#placement-feedback{white-space:normal;max-width:calc(100vw - 160px);transform:translate(-50%);top:8px!important;left:50%!important}}@media (height<=340px){.tool-options{grid-template-columns:repeat(2,44px);width:106px}}#orientation-guide{display:none}@media (pointer:coarse) and (orientation:portrait){#orientation-guide{z-index:10;text-align:center;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#orientation-guide h2,#orientation-guide p{margin:0}#build-toolbar,aside,#diagnostics,#placement-feedback{visibility:hidden}}#orientation-guide:before{content:"";border:3px solid var(--accent);border-radius:12px;width:80px;height:48px;box-shadow:inset 7px 0 #0066cc20}#orientation-guide h2{letter-spacing:-.025em;line-height:1.25}#orientation-guide p{max-width:28em;color:var(--muted);line-height:1.7}@media (prefers-reduced-motion:reduce){#build-toolbar button{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--surface:#fff;--edge:#737b87;--shadow:none}aside,.tool-modes,.tool-options,#diagnostics{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){#build-toolbar button[aria-pressed=true]{outline-offset:-4px;outline:3px solid highlight}.icon-select select{color:canvastext}}