main.svelte-1ncf5z4{width:min(100% - 2rem, var(--content-wide));padding:var(--space-8) 0;margin:0 auto}header.svelte-1ncf5z4{max-width:42rem;margin-bottom:var(--space-8)}h1.svelte-1ncf5z4{margin:var(--space-2) 0;font-size:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}header.svelte-1ncf5z4>p:where(.svelte-1ncf5z4):last-child,.body.svelte-1ncf5z4{color:var(--ink-muted);font-size:var(--text-lg);line-height:var(--leading-relaxed)}section.svelte-1ncf5z4{padding:var(--space-6) 0;border-top:1px solid var(--line)}h2.svelte-1ncf5z4{margin:0 0 var(--space-5);font-size:var(--text-xl)}.swatches.svelte-1ncf5z4{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.swatches.svelte-1ncf5z4>div:where(.svelte-1ncf5z4){gap:var(--space-2);font-size:var(--text-sm);display:grid}.swatches.svelte-1ncf5z4 small:where(.svelte-1ncf5z4){color:var(--ink-muted);font-family:var(--font-mono)}.swatch.svelte-1ncf5z4{border:1px solid var(--line);border-radius:var(--radius-md);height:5rem;box-shadow:var(--shadow-sm);display:block}.canvas.svelte-1ncf5z4{background:var(--canvas)}.surface.svelte-1ncf5z4{background:var(--surface)}.panel.svelte-1ncf5z4{background:var(--surface-subtle)}.ink.svelte-1ncf5z4{background:var(--ink)}.accent.svelte-1ncf5z4{background:var(--accent)}.accent-strong.svelte-1ncf5z4{background:var(--accent-strong)}.accent-soft.svelte-1ncf5z4{background:var(--accent-soft)}.danger.svelte-1ncf5z4{background:var(--danger)}.font-name.svelte-1ncf5z4{margin:0 0 var(--space-4);color:var(--ink-muted);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:650}.display.svelte-1ncf5z4{max-width:25ch;margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight);font-size:clamp(1.75rem,4vw,3rem);font-weight:650;line-height:1.15}.body.svelte-1ncf5z4{max-width:60ch;margin:0}.controls.svelte-1ncf5z4{gap:var(--space-3);flex-wrap:wrap;display:flex}