.page.svelte-iy2a3g{max-width:var(--layout-feature-grid-max-width);padding:var(--spacing-2xl) var(--spacing-md);margin:0 auto}.page-header.svelte-iy2a3g{max-width:46rem;margin:0 auto var(--spacing-2xl);text-align:center}.page-header.svelte-iy2a3g h1:where(.svelte-iy2a3g){margin:0 0 var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800}.page-lede.svelte-iy2a3g{color:var(--color-text-secondary);margin:0;font-size:1.15rem;line-height:1.7}.visually-hidden.svelte-iy2a3g{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder.svelte-iy2a3g{max-width:60rem;margin:0 auto var(--spacing-2xl);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.controls.svelte-iy2a3g{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;display:grid}.control.svelte-iy2a3g{border:0;margin:0;padding:0}.control.svelte-iy2a3g legend:where(.svelte-iy2a3g){margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);padding:0;font-size:.875rem;font-weight:600}.chips.svelte-iy2a3g{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.chip.svelte-iy2a3g{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);border-radius:999px;align-items:center;font-size:.875rem;display:inline-flex}.chip.svelte-iy2a3g:hover{border-color:var(--color-primary);color:var(--color-text)}.chip.selected.svelte-iy2a3g{border-color:var(--color-primary);background:var(--color-surface-hover);color:var(--color-text);font-weight:600}.chip.svelte-iy2a3g input:where(.svelte-iy2a3g){opacity:0;pointer-events:none;position:absolute}.chip.svelte-iy2a3g:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.control-help.svelte-iy2a3g{margin:var(--spacing-sm) 0 0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.preview.svelte-iy2a3g{margin-top:var(--spacing-xl);padding:var(--spacing-2xl) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.preview.svelte-iy2a3g img:where(.svelte-iy2a3g){max-width:100%;height:auto}.preview-note.svelte-iy2a3g{margin:var(--spacing-md) 0 0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.section-head.svelte-iy2a3g{max-width:46rem;margin:0 auto var(--spacing-xl);text-align:center}.section-head.svelte-iy2a3g h2:where(.svelte-iy2a3g){margin:0 0 var(--spacing-xs);letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}.section-lede.svelte-iy2a3g{color:var(--color-text-secondary);margin:0;line-height:1.7}.forms.svelte-iy2a3g{gap:var(--spacing-lg);max-width:60rem;margin:0 auto;display:grid}.form.svelte-iy2a3g{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.form-head.svelte-iy2a3g{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.form-head.svelte-iy2a3g h3:where(.svelte-iy2a3g){margin:0;font-size:1.05rem;font-weight:700}.copy.svelte-iy2a3g{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);font-size:.813rem;font-weight:600}.copy.svelte-iy2a3g:hover{color:var(--color-primary);border-color:var(--color-primary)}.form-note.svelte-iy2a3g{margin:var(--spacing-xs) 0 var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}pre.svelte-iy2a3g{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border);margin:0;overflow-x:auto}code.svelte-iy2a3g{font-family:var(--font-mono);color:var(--color-text);font-size:.813rem;line-height:1.6}a.svelte-iy2a3g{color:var(--color-primary)}@media (width>=768px){.page.svelte-iy2a3g{padding:var(--spacing-2xl) var(--spacing-xl)}}
