.card[data-astro-cid-azdfpwsx]{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-lg)}h1[data-astro-cid-azdfpwsx]{margin-block:0 var(--space-2);font-size:clamp(1.5rem,4vw,2rem)}.intro[data-astro-cid-azdfpwsx]{max-width:52ch;margin-block:0 var(--space-8);color:var(--color-text-muted);font-size:.95rem}.step[data-astro-cid-azdfpwsx]{align-items:flex-start;gap:var(--space-4);display:flex}.step[data-astro-cid-azdfpwsx][hidden]{display:none}.step-number[data-astro-cid-azdfpwsx]{border-radius:var(--radius-full);background:var(--color-primary);width:28px;height:28px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:2px;font-size:.75rem;font-weight:600;display:flex}.step-body[data-astro-cid-azdfpwsx]{flex:1;min-width:0}.step-label[data-astro-cid-azdfpwsx]{margin-block:0 var(--space-2);font-family:var(--font-body);font-size:.95rem;font-weight:500;line-height:1.6}.step-label[data-astro-cid-azdfpwsx]:focus{outline:none}.upload-zone[data-astro-cid-azdfpwsx]{padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border-control);border-radius:var(--radius-lg);text-align:center;transition:border-color .2s,background .2s;position:relative}.upload-zone[data-astro-cid-azdfpwsx]:hover,.upload-zone[data-astro-cid-azdfpwsx].dragover{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 5%, var(--color-card))}.upload-zone[data-astro-cid-azdfpwsx]:focus-within{outline:3px solid var(--color-primary);outline-offset:2px}.upload-zone[data-astro-cid-azdfpwsx] input[data-astro-cid-azdfpwsx]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon[data-astro-cid-azdfpwsx]{margin-block-end:var(--space-2);font-size:2rem}.upload-text[data-astro-cid-azdfpwsx]{color:var(--color-text-muted);margin:0;font-size:.9rem}.upload-text[data-astro-cid-azdfpwsx] strong[data-astro-cid-azdfpwsx]{color:var(--color-link)}.error[data-astro-cid-azdfpwsx]{margin-block:var(--space-2) 0;font-size:.9rem;font-weight:500}.error[data-astro-cid-azdfpwsx]:empty{display:none}.preview[data-astro-cid-azdfpwsx]{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.canvas-frame[data-astro-cid-azdfpwsx]{width:100%;max-width:280px}canvas[data-astro-cid-azdfpwsx]{aspect-ratio:1;border-radius:var(--radius-full);width:100%;box-shadow:var(--shadow-lg);display:block}.style-options[data-astro-cid-azdfpwsx]{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.style-button[data-astro-cid-azdfpwsx]{border:2px solid var(--color-border-control);border-radius:var(--radius-full);background:var(--color-card);min-height:2.5rem;color:var(--color-text);font-family:var(--font-body);cursor:pointer;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.style-button[data-astro-cid-azdfpwsx]:hover{border-color:var(--color-link-hover);color:var(--color-link-hover)}.style-button[data-astro-cid-azdfpwsx][aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.download[data-astro-cid-azdfpwsx]{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);min-height:2.75rem;color:var(--color-on-primary);font-family:var(--font-body);cursor:pointer;border:none;padding:.75rem 1.75rem;font-size:.95rem;font-weight:500;display:inline-flex}.download[data-astro-cid-azdfpwsx]:hover{background:var(--color-primary-hover);color:var(--color-on-primary-hover)}.hint[data-astro-cid-azdfpwsx]{max-width:40ch;color:var(--color-text-muted);text-align:center;margin:0;font-size:.8rem}.reset[data-astro-cid-azdfpwsx]{gap:var(--space-2);min-height:2rem;padding:var(--space-2);color:var(--color-text);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline;display:inline-flex}.reset[data-astro-cid-azdfpwsx]:hover{color:var(--color-link-hover)}.privacy[data-astro-cid-azdfpwsx]{margin-block:var(--space-6) 0;color:var(--color-text-muted);text-align:center;font-size:.8rem}@media (width<=480px){.card[data-astro-cid-azdfpwsx]{padding:var(--space-6)}.canvas-frame[data-astro-cid-azdfpwsx]{max-width:240px}}