.demo.svelte-c063fx{background:var(--m-surface);border:1px solid var(--m-border);color:var(--m-fg-strong);padding:40px;position:relative}.tones.svelte-c063fx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=640px){.tones.svelte-c063fx{grid-template-columns:minmax(0,1fr)}}.demo--ink-band.svelte-c063fx,.demo--dark-band.svelte-c063fx{place-items:center;min-height:140px;display:grid}.demo--dark-band.svelte-c063fx{background:var(--dash-ink)}.steps.svelte-c063fx{flex-wrap:wrap;align-items:flex-end;gap:40px;display:flex}.step.svelte-c063fx{flex-direction:column;align-items:flex-start;gap:12px;display:inline-flex}.logo.svelte-c063fx{align-items:center;display:inline-flex}.tone-ink.svelte-c063fx{color:var(--dash-ink)}.tone-paper.svelte-c063fx{color:var(--dash-paper)}.logo-mark.svelte-c063fx svg{width:auto;height:100%;display:block}.step-label.svelte-c063fx{font-family:var(--font-mono);letter-spacing:.02em;color:var(--m-fg-subtle);font-size:11px}.tag.svelte-c063fx{font-family:var(--font-mono);letter-spacing:.04em;color:var(--m-fg-subtle);font-size:10px;position:absolute;top:10px;right:12px}.cap.svelte-c063fx{color:var(--fg-muted);max-width:68ch;margin:16px 0 0;font-size:13px;line-height:1.55}.cap.svelte-c063fx code:where(.svelte-c063fx){font-family:var(--font-mono);background:var(--bg-muted);padding:1px 5px;font-size:12px}