.demo[data-astro-cid-trxcs2lc]{gap:var(--space-6);padding:var(--space-6);display:grid}@media (width>=48rem){.demo[data-astro-cid-trxcs2lc]{grid-template-columns:1fr 1fr;align-items:start}}.demo-title[data-astro-cid-trxcs2lc]{font-size:var(--text-xl);grid-column:1/-1;margin:0}.demo-form[data-astro-cid-trxcs2lc]{gap:var(--space-4);flex-direction:column;display:flex}fieldset[data-astro-cid-trxcs2lc]{border:0;min-width:0;margin:0;padding:0}legend[data-astro-cid-trxcs2lc],.field[data-astro-cid-trxcs2lc] label[data-astro-cid-trxcs2lc]{margin-bottom:var(--space-2);padding:0;font-weight:700;display:block}.hint[data-astro-cid-trxcs2lc]{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0 0}.sample-row[data-astro-cid-trxcs2lc],.style-row[data-astro-cid-trxcs2lc]{gap:var(--space-2);flex-wrap:wrap;display:flex}.sample[data-astro-cid-trxcs2lc],.upload[data-astro-cid-trxcs2lc]{cursor:pointer;position:relative}.sample[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sample[data-astro-cid-trxcs2lc] img[data-astro-cid-trxcs2lc]{border-radius:var(--radius-md);object-fit:cover;border:3px solid #0000;width:64px;height:64px}.sample[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]:checked+img[data-astro-cid-trxcs2lc]{border-color:var(--color-primary)}.sample[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]:focus-visible+img[data-astro-cid-trxcs2lc]{outline:3px solid var(--color-focus);outline-offset:2px}.upload[data-astro-cid-trxcs2lc]{border:2px dashed var(--color-text-muted);border-radius:var(--radius-md);width:64px;height:64px;font-size:var(--text-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1.1;display:inline-flex}.upload[data-astro-cid-trxcs2lc] span[data-astro-cid-trxcs2lc][aria-hidden]{font-size:var(--text-xl);line-height:1}.upload[data-astro-cid-trxcs2lc]:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.upload[data-astro-cid-trxcs2lc].is-selected{border-style:solid;border-color:var(--color-primary);background:var(--color-surface-muted)}.field[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-text-muted);border-radius:var(--radius-md)}.chip[data-astro-cid-trxcs2lc]{position:relative}.chip[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip[data-astro-cid-trxcs2lc] span[data-astro-cid-trxcs2lc]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-bg);font-weight:600;display:inline-block}.chip[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]:checked+span[data-astro-cid-trxcs2lc]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.chip[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]:focus-visible+span[data-astro-cid-trxcs2lc]{outline:3px solid var(--color-focus);outline-offset:2px}.result[data-astro-cid-trxcs2lc]{background:var(--color-surface-muted);border-radius:var(--radius-md);min-height:16rem;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.result[data-astro-cid-trxcs2lc] .placeholder{text-align:center;color:var(--color-text-muted);max-width:20rem}.result[data-astro-cid-trxcs2lc] .placeholder p{margin:0}.result[data-astro-cid-trxcs2lc] .working p{animation:1.2s ease-in-out infinite pulse}.result[data-astro-cid-trxcs2lc] .result-figure{width:100%;max-width:360px;margin:0}.result[data-astro-cid-trxcs2lc] .result-figure img{border-radius:var(--radius-md);background:#fff;width:100%}.result[data-astro-cid-trxcs2lc] figcaption{margin-top:var(--space-3)}.result[data-astro-cid-trxcs2lc] figcaption p{margin:0 0 var(--space-2)}.result[data-astro-cid-trxcs2lc] .tip{font-size:var(--text-sm)}.result[data-astro-cid-trxcs2lc] .error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4);font-weight:600}.result[data-astro-cid-trxcs2lc] .error p{margin:0}.result[data-astro-cid-trxcs2lc] .error a{color:inherit}@keyframes pulse{50%{opacity:.5}}.hero[data-astro-cid-lcdefpme]{padding-block:var(--space-8) var(--space-12)}.hero-grid[data-astro-cid-lcdefpme]{gap:var(--space-8);align-items:center;display:grid}@media (width>=60rem){.hero-grid[data-astro-cid-lcdefpme]{gap:var(--space-12);grid-template-columns:1.1fr 1fr}}.hero-points[data-astro-cid-lcdefpme]{margin:var(--space-6) 0 0;gap:var(--space-2) var(--space-6);flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.hero-points[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]:before{content:"✓";color:var(--color-success);margin-right:var(--space-2);font-weight:800}.hero-visual[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 2fr;margin:0;display:grid}.hero-before[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.hero-after[data-astro-cid-lcdefpme]{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff}.arrow[data-astro-cid-lcdefpme]{font-size:var(--text-2xl);color:var(--color-link);font-weight:800}.hero-visual[data-astro-cid-lcdefpme] figcaption[data-astro-cid-lcdefpme]{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;grid-column:1/-1}.more[data-astro-cid-lcdefpme]{margin-top:var(--space-6);font-weight:700}.reason[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin-bottom:var(--space-2)}.reason[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--color-text-muted);margin:0}.steps[data-astro-cid-lcdefpme]{margin:0;padding:0;list-style:none}.step-num[data-astro-cid-lcdefpme]{border-radius:var(--radius-full);background:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-on-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.steps[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--color-text-muted);margin:0}