.page.svelte-1pfxm7k{padding-block:var(--tool-frame-pad-block);padding-block-end:clamp(3rem,8vh,4.5rem)}.page__inner.svelte-1pfxm7k{gap:var(--tool-frame-gap);width:min(100%,44rem);margin-inline:auto;display:grid}.page__head.svelte-1pfxm7k{gap:.55rem;width:100%;display:grid}.page__title.svelte-1pfxm7k{align-items:center;gap:.85rem;min-width:0;display:flex}.page__badge.svelte-1pfxm7k{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--tone-neutral-fg);background:var(--tone-neutral-bg);flex-shrink:0;place-items:center;display:grid}h1.svelte-1pfxm7k{letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,4vw,2rem);font-weight:780;line-height:1.2}.page__lead.svelte-1pfxm7k{max-width:min(100%, var(--prose-measure));color:var(--text-muted);text-wrap:pretty;margin:0;font-size:1.02rem;line-height:1.65}.sections.svelte-1pfxm7k{gap:.85rem;min-width:0;display:grid}.card.svelte-1pfxm7k{column-gap:var(--tool-mark-text-gap);border:var(--tool-frame);border-radius:var(--radius-lg);background:var(--bg-elevated);grid-template-columns:auto minmax(0,1fr);align-items:start;padding:1.05rem 1.1rem 1.15rem;display:grid}.card__icon.svelte-1pfxm7k{width:var(--tool-mark-size);height:var(--tool-mark-size);border-radius:var(--radius-xs);color:var(--tone-neutral-fg);background:var(--tone-neutral-bg);place-items:center;display:grid}.card__copy.svelte-1pfxm7k{gap:var(--tool-title-body-gap);width:100%;min-width:0;padding-block-start:.15rem;display:grid}.card__copy.svelte-1pfxm7k h2:where(.svelte-1pfxm7k){color:var(--text);font-size:var(--tool-type-item);letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.35}.card__desc.svelte-1pfxm7k{color:var(--text-muted);font-size:var(--tool-type-body);line-height:var(--tool-body-leading);text-wrap:pretty;max-width:min(100%, var(--prose-measure));margin:0 0 .85rem}.theme-grid.svelte-1pfxm7k{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;max-width:28rem;display:grid}.theme-option.svelte-1pfxm7k{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-low);min-height:4.5rem;color:var(--text-muted);justify-items:center;gap:.4rem;padding:.7rem .45rem;display:grid}.theme-option.svelte-1pfxm7k:active{background:var(--state-press-on-surface,var(--state-hover));color:var(--text)}.theme-option--active.svelte-1pfxm7k{background:var(--accent-soft);color:var(--on-accent-soft);border-color:#0000}.theme-option__icon.svelte-1pfxm7k{display:inline-flex}.theme-option__label.svelte-1pfxm7k{text-align:center;font-size:.78rem;font-weight:700;line-height:1.2}.format-grid.svelte-1pfxm7k{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:28rem;display:grid}.format-option.svelte-1pfxm7k{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-low);min-height:4.5rem;color:var(--text-muted);text-align:center;align-content:center;justify-items:center;gap:.25rem;padding:.7rem .6rem;display:grid}.format-option.svelte-1pfxm7k:active{background:var(--state-press-on-surface,var(--state-hover));color:var(--text)}.format-option--active.svelte-1pfxm7k{background:var(--accent-soft);color:var(--on-accent-soft);border-color:#0000}.format-option__name.svelte-1pfxm7k{font-size:.9rem;font-weight:720;line-height:1.2}.format-option__help.svelte-1pfxm7k{color:var(--text-muted);text-wrap:pretty;font-size:.75rem;font-weight:500;line-height:1.35}.format-option--active.svelte-1pfxm7k .format-option__help:where(.svelte-1pfxm7k){color:inherit}.swatches.svelte-1pfxm7k{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:40rem;display:grid}@media (width>=480px){.swatches.svelte-1pfxm7k{grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr))}}.swatch.svelte-1pfxm7k{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-low);color:var(--text-muted);justify-items:center;gap:.4rem;padding:.55rem .35rem .5rem;display:grid}.swatch__dot.svelte-1pfxm7k{background:var(--swatch);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001f}.swatch.svelte-1pfxm7k:active{background:var(--state-hover);color:var(--text)}@media (hover:hover) and (pointer:fine){.swatch.svelte-1pfxm7k:hover{background:var(--state-hover);color:var(--text)}}.swatch--active.svelte-1pfxm7k{background:var(--accent-soft);color:var(--on-accent-soft)}.swatch__name.svelte-1pfxm7k{text-align:center;font-size:.68rem;font-weight:650;line-height:1.2}