.stage[data-astro-cid-3mwb3ytw]{border:1px dashed var(--line);background:repeating-conic-gradient(#0000000d 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:12px;place-items:center;margin:12px 0 16px;padding:12px;display:grid}#preview[data-astro-cid-3mwb3ytw]{max-width:100%;height:auto}.swatches[data-astro-cid-3mwb3ytw]{gap:10px;margin-bottom:12px}.swatch[data-astro-cid-3mwb3ytw]{background:linear-gradient(135deg, var(--a), var(--b));cursor:pointer;border:2px solid var(--line);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.swatch[data-astro-cid-3mwb3ytw].plain{background:#fff}.swatch[data-astro-cid-3mwb3ytw].none{background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 10px 10px}.swatch[data-astro-cid-3mwb3ytw] input[data-astro-cid-3mwb3ytw]{opacity:0;pointer-events:none;position:absolute}.swatch[data-astro-cid-3mwb3ytw]:has(input:checked){outline:3px solid var(--accent);outline-offset:2px}.swatch[data-astro-cid-3mwb3ytw]:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}