.pick-area[data-astro-cid-gye3ugvy]{margin:16px 0;line-height:0}#canvas[data-astro-cid-gye3ugvy]{cursor:crosshair;border-radius:8px;max-width:100%;max-height:60vh}.sub[data-astro-cid-gye3ugvy]{margin:8px 0;font-size:1.05rem}.swatches[data-astro-cid-gye3ugvy]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.swatches[data-astro-cid-gye3ugvy] li{border:1px solid var(--line);border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:4px 12px;padding:8px;display:grid}.swatches[data-astro-cid-gye3ugvy] .chip{border-radius:8px;grid-row:span 3;width:48px;height:48px;box-shadow:inset 0 0 0 1px #0000001f}.swatches[data-astro-cid-gye3ugvy] button.code{all:unset;cursor:pointer;font-family:var(--mono,monospace);font-size:.9rem}.swatches[data-astro-cid-gye3ugvy] button.code:focus-visible{outline:2px solid var(--accent)}.swatches[data-astro-cid-gye3ugvy] .share{color:var(--muted);font-size:.8rem}