.viz[data-astro-cid-7gdhnl6o]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:36px}.viz-stage[data-astro-cid-7gdhnl6o]{background:var(--surface);border-radius:var(--radius-l);min-height:440px;display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:var(--lift-high);padding:14px}.viz-stage[data-astro-cid-7gdhnl6o] canvas[data-astro-cid-7gdhnl6o]{max-width:100%;height:auto;display:block;cursor:crosshair;touch-action:manipulation;border-radius:var(--radius-m)}.viz-drop[data-astro-cid-7gdhnl6o]{display:grid;gap:8px;place-items:center;align-content:center;text-align:center;padding:48px 24px;cursor:pointer;width:100%;height:100%;min-height:410px;border:3px dashed var(--line-strong);border-radius:var(--radius-m);background:var(--field);transition:background-color .15s ease,border-color .15s ease}.viz-drop[data-astro-cid-7gdhnl6o] strong[data-astro-cid-7gdhnl6o]{font-size:1.25rem;font-stretch:110%}.viz-drop[data-astro-cid-7gdhnl6o]:hover,.viz-drop[data-astro-cid-7gdhnl6o].over{background:var(--hue-tint);border-color:var(--hue-edge)}.viz-panel[data-astro-cid-7gdhnl6o]{background:var(--surface);border-radius:var(--radius-l);padding:24px;display:grid;gap:22px;position:sticky;top:16px;box-shadow:0 6px 0 var(--hue-edge),var(--lift)}.viz-step[data-astro-cid-7gdhnl6o] h3[data-astro-cid-7gdhnl6o]{margin-bottom:10px;font-size:1.1rem}.viz-color[data-astro-cid-7gdhnl6o]{display:flex;gap:14px;align-items:center;margin-bottom:12px}.viz-color[data-astro-cid-7gdhnl6o] .mono[data-astro-cid-7gdhnl6o]{font-family:var(--font)}.viz-swatch[data-astro-cid-7gdhnl6o]{width:56px;height:56px;border-radius:14px;box-shadow:inset 0 0 0 1px #1a20401a,0 3px #1a204026;background:#d1cbc1;flex:none}.viz-input[data-astro-cid-7gdhnl6o]{width:100%;min-height:50px;padding:10px 14px;border:2px solid var(--line);border-radius:14px;background:var(--field);font-weight:600}.viz-input[data-astro-cid-7gdhnl6o]:focus-visible{outline:none;background:#fff;border-color:var(--hue-ink);box-shadow:0 0 0 4px var(--hue-tint)}.viz-modes[data-astro-cid-7gdhnl6o]{display:flex;gap:10px}.viz-modes[data-astro-cid-7gdhnl6o] .btn[data-astro-cid-7gdhnl6o],.viz-panel[data-astro-cid-7gdhnl6o] .btn-row[data-astro-cid-7gdhnl6o] .btn[data-astro-cid-7gdhnl6o]{min-height:44px;padding:0 16px}.viz-status[data-astro-cid-7gdhnl6o]{margin:0;padding:12px 14px;border-radius:var(--radius-s);background:var(--hue-tint);color:var(--hue-deep);font-weight:650}.viz-canvas[data-astro-cid-7gdhnl6o]{position:relative;max-width:100%}.viz-overlay[data-astro-cid-7gdhnl6o]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.viz-overlay[data-astro-cid-7gdhnl6o] .ov-quad{fill:none;stroke:#fff;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;stroke-width:2px;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.viz-overlay[data-astro-cid-7gdhnl6o] .ov-handle{fill:#fff;stroke:#111;vector-effect:non-scaling-stroke;stroke-width:2px;pointer-events:all;cursor:grab;touch-action:none}.art-list[data-astro-cid-7gdhnl6o]{display:grid;gap:6px;max-height:260px;overflow-y:auto}.art-pick[data-astro-cid-7gdhnl6o]{display:flex;gap:10px;align-items:center;text-align:left;font:inherit;background:transparent;border:2px solid var(--line);border-radius:var(--radius-s);padding:6px;cursor:pointer}.art-pick[data-astro-cid-7gdhnl6o][aria-pressed=true]{border-color:var(--hue-ink);box-shadow:0 0 0 3px var(--hue-tint)}.art-pick[data-astro-cid-7gdhnl6o]:disabled{opacity:.45;cursor:default}.art-pick[data-astro-cid-7gdhnl6o] img[data-astro-cid-7gdhnl6o]{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:none}.art-pick[data-astro-cid-7gdhnl6o]>span[data-astro-cid-7gdhnl6o]{display:grid}.art-size[data-astro-cid-7gdhnl6o]{display:flex;gap:12px;margin-bottom:8px}.art-size[data-astro-cid-7gdhnl6o] input[data-astro-cid-7gdhnl6o]{width:72px;font:inherit;padding:6px 8px;border:2px solid var(--line);border-radius:10px;background:var(--field)}.art-presets[data-astro-cid-7gdhnl6o] .btn[data-astro-cid-7gdhnl6o]{min-height:36px;padding:0 12px;font-size:14px}.btn[data-astro-cid-7gdhnl6o]:disabled{opacity:.45;cursor:default}@media(max-width:900px){.viz[data-astro-cid-7gdhnl6o]{grid-template-columns:1fr}.viz-panel[data-astro-cid-7gdhnl6o]{position:static}.viz-stage[data-astro-cid-7gdhnl6o]{min-height:320px}.viz-drop[data-astro-cid-7gdhnl6o]{min-height:290px}}