.designer[data-astro-cid-imps4oc4]{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-l);overflow:clip}.designer-grid[data-astro-cid-imps4oc4]{gap:0;display:grid}@media (width>=60rem){.designer-grid[data-astro-cid-imps4oc4]{grid-template-columns:minmax(0,1fr) 22rem}}.preview-col[data-astro-cid-imps4oc4]{background:radial-gradient(80% 80% at 50% 25%, #2d55f00f, transparent 70%), var(--bg-sunk);align-content:start;gap:var(--sp-s);min-width:0;padding:clamp(1.1rem,.8rem + 1.4vw,1.9rem);display:grid}.preview-frame[data-astro-cid-imps4oc4]{max-inline-size:26rem;margin-inline:auto;position:relative}.preview[data-astro-cid-imps4oc4]{aspect-ratio:400/480;filter:drop-shadow(0 14px 26px #0d111629);block-size:auto;inline-size:100%;max-inline-size:26rem;margin-inline:auto}.preview[data-astro-cid-imps4oc4] rect[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] line[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] path[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] text[data-astro-cid-imps4oc4]{transition:fill .32s var(--ease), opacity .32s var(--ease), x .32s var(--ease), y .32s var(--ease), width .32s var(--ease), height .32s var(--ease)}@media (prefers-reduced-motion:reduce){.preview[data-astro-cid-imps4oc4] rect[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] line[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] path[data-astro-cid-imps4oc4],.preview[data-astro-cid-imps4oc4] text[data-astro-cid-imps4oc4]{transition:none}}.face-switch[data-astro-cid-imps4oc4]{justify-content:center;gap:.3rem;margin-block-start:.4rem;display:flex}.face-switch[data-astro-cid-imps4oc4] button[data-astro-cid-imps4oc4]{border:1px solid var(--line-strong);background:var(--bg-raised);border-radius:999px;min-height:38px;padding:.42rem .95rem;font-size:.85rem;font-weight:600}.face-switch[data-astro-cid-imps4oc4] button[data-astro-cid-imps4oc4][aria-pressed=true]{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}.preview-note[data-astro-cid-imps4oc4]{color:var(--fg-subtle);max-width:46ch;margin-inline:auto;font-size:.8rem;line-height:1.5}.summary[data-astro-cid-imps4oc4]{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-m);inline-size:100%;max-inline-size:30rem;margin-inline:auto;padding:1rem 1.15rem}.summary[data-astro-cid-imps4oc4] h2[data-astro-cid-imps4oc4]{font-family:var(--font-body);letter-spacing:.11em;text-transform:uppercase;color:var(--fg-subtle);margin-block-end:.6rem;font-size:.72rem;font-weight:700}.summary[data-astro-cid-imps4oc4] dl[data-astro-cid-imps4oc4]{grid-template-columns:auto 1fr;gap:.32rem .85rem;margin:0;font-size:.85rem;display:grid}.summary[data-astro-cid-imps4oc4] dt[data-astro-cid-imps4oc4]{color:var(--fg-subtle)}.summary[data-astro-cid-imps4oc4] dd[data-astro-cid-imps4oc4]{text-align:end;margin:0;font-weight:550}.controls-col[data-astro-cid-imps4oc4]{border-block-start:1px solid var(--line);max-block-size:none}@media (width>=60rem){.controls-col[data-astro-cid-imps4oc4]{border-block-start:0;border-inline-start:1px solid var(--line)}}.controls[data-astro-cid-imps4oc4]{gap:var(--sp-m);padding:clamp(1.1rem,.8rem + 1.2vw,1.5rem);display:grid}fieldset[data-astro-cid-imps4oc4]{border:0;gap:.85rem;margin:0;padding:0;display:grid}legend[data-astro-cid-imps4oc4]{letter-spacing:.11em;text-transform:uppercase;color:var(--fg-subtle);margin-block-end:.2rem;padding:0;font-size:.72rem;font-weight:700}.field[data-astro-cid-imps4oc4]{gap:.3rem;margin:0;display:grid}label[data-astro-cid-imps4oc4],.field-label[data-astro-cid-imps4oc4]{color:var(--ink-700);font-size:.83rem;font-weight:600}select[data-astro-cid-imps4oc4],input[data-astro-cid-imps4oc4][type=text]{inline-size:100%;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--paper);min-height:46px;color:var(--fg);padding:.6rem .7rem;font-size:16px}input[data-astro-cid-imps4oc4][type=file]{border:1px dashed var(--line-strong);border-radius:var(--r-s);background:var(--paper);inline-size:100%;padding:.45rem;font-size:.85rem}input[data-astro-cid-imps4oc4][type=range]{inline-size:100%;accent-color:var(--cobalt-600);min-height:34px}.hint[data-astro-cid-imps4oc4]{color:var(--fg-subtle);font-size:.76rem;line-height:1.45}.err[data-astro-cid-imps4oc4]{color:var(--danger-600);font-size:.79rem;font-weight:550}.err[data-astro-cid-imps4oc4]:empty{display:none}.swatches[data-astro-cid-imps4oc4]{flex-wrap:wrap;gap:.4rem;display:flex}.swatch[data-astro-cid-imps4oc4]{background:var(--sw);border:2px solid var(--paper);block-size:32px;inline-size:32px;box-shadow:0 0 0 1px var(--line-strong);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:50%}.swatch[data-astro-cid-imps4oc4]:hover{transform:scale(1.09)}.swatch[data-astro-cid-imps4oc4][aria-checked=true]{box-shadow:0 0 0 2px var(--accent)}.inline-fieldset[data-astro-cid-imps4oc4]{flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;display:flex}.inline-fieldset[data-astro-cid-imps4oc4] legend[data-astro-cid-imps4oc4]{margin-block-end:.4rem}.radio[data-astro-cid-imps4oc4]{align-items:center;gap:.4rem;font-size:.88rem;font-weight:450;display:inline-flex}.radio[data-astro-cid-imps4oc4] input[data-astro-cid-imps4oc4]{block-size:18px;inline-size:18px;accent-color:var(--cobalt-600)}.controls-actions[data-astro-cid-imps4oc4]{gap:.5rem;display:flex}.tool-head[data-astro-cid-jrcpiewj]{padding-block:var(--sp-xl) var(--sp-s);max-width:62rem}.tool-head[data-astro-cid-jrcpiewj] h1[data-astro-cid-jrcpiewj]{max-width:16ch;margin-block:.6rem 1rem}.tool-head[data-astro-cid-jrcpiewj] .lede[data-astro-cid-jrcpiewj]{font-size:var(--step-1)}.tool-note[data-astro-cid-jrcpiewj]{color:var(--fg-subtle);border-inline-start:3px solid var(--amber-500);max-width:62ch;margin-block-start:.9rem;padding-inline-start:.9rem;font-size:.85rem}.how-grid[data-astro-cid-jrcpiewj]{gap:var(--sp-m);display:grid}@media (width>=56rem){.how-grid[data-astro-cid-jrcpiewj]{gap:var(--sp-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}}.how-copy[data-astro-cid-jrcpiewj] h2[data-astro-cid-jrcpiewj]{font-size:var(--step-2);margin-block-end:.5rem}.how-copy[data-astro-cid-jrcpiewj] p[data-astro-cid-jrcpiewj]{color:var(--fg-muted);max-width:42ch}.how-steps[data-astro-cid-jrcpiewj]{counter-reset:s;gap:0;margin:0;padding:0;list-style:none;display:grid}.how-steps[data-astro-cid-jrcpiewj] li[data-astro-cid-jrcpiewj]{counter-increment:s;border-block-end:1px solid var(--line);gap:.1rem;padding:.85rem 0 .85rem 2.6rem;display:grid;position:relative}.how-steps[data-astro-cid-jrcpiewj] li[data-astro-cid-jrcpiewj]:last-child{border-block-end:0}.how-steps[data-astro-cid-jrcpiewj] li[data-astro-cid-jrcpiewj]:before{content:counter(s, decimal-leading-zero);font-family:var(--font-mono);color:var(--accent);font-size:.78rem;font-weight:600;position:absolute;inset-block-start:.95rem;inset-inline-start:0}.how-steps[data-astro-cid-jrcpiewj] strong[data-astro-cid-jrcpiewj]{font-size:.98rem;font-weight:650}.how-steps[data-astro-cid-jrcpiewj] span[data-astro-cid-jrcpiewj]{color:var(--fg-muted);font-size:.9rem}.limits[data-astro-cid-jrcpiewj]{max-width:52rem}.limits[data-astro-cid-jrcpiewj] h2[data-astro-cid-jrcpiewj]{font-size:var(--step-2);margin-block-end:var(--sp-s)}.limits[data-astro-cid-jrcpiewj] ul[data-astro-cid-jrcpiewj]{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.limits[data-astro-cid-jrcpiewj] li[data-astro-cid-jrcpiewj]{color:var(--fg-muted);border-inline-start:2px solid var(--line-strong);padding-inline-start:1rem;font-size:.93rem;line-height:1.55}.limits[data-astro-cid-jrcpiewj] strong[data-astro-cid-jrcpiewj]{color:var(--fg);display:block}.limits[data-astro-cid-jrcpiewj] a[data-astro-cid-jrcpiewj]{color:var(--accent)}