.card:has(.callout-swatch-block.svelte-18vmz2i){border:none;flex-direction:column;display:flex;overflow:hidden}.callout-swatch-block.svelte-18vmz2i{justify-content:flex-start;align-items:center;gap:var(--fp-space-3);height:80px;padding:0 var(--fp-space-4);display:flex}.hex-square.svelte-18vmz2i{border-radius:var(--fp-radius-sm);border:1px solid #0003;flex-shrink:0;width:32px;height:32px}.callout-swatch-hex.svelte-18vmz2i{font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:#000000b8;letter-spacing:var(--fp-tracking-wide)}.callout-body.svelte-18vmz2i{gap:var(--fp-space-2);padding:var(--fp-space-4) var(--fp-space-4) var(--fp-space-3);flex:1;display:grid}.callout-body.svelte-18vmz2i .badge{justify-self:start}.callout-note.svelte-18vmz2i{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}.callout-figure.svelte-18vmz2i{margin:0}.callout-figure.svelte-18vmz2i img:where(.svelte-18vmz2i){aspect-ratio:1200/320;object-fit:cover;background:var(--fp-bg-panel);width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border:none;display:block}.page.svelte-17uyemm{background:var(--fp-bg-deep);min-height:100vh;color:var(--fp-ink-primary);margin-top:16px;position:relative}main.svelte-17uyemm{display:block}.section.svelte-17uyemm{padding:var(--fp-space-9) var(--fp-gutter);--section-surface:var(--fp-bg-panel)}.section.panel.svelte-17uyemm{background:var(--fp-bg-panel);border-top:var(--fp-border-width) solid var(--fp-border);border-bottom:var(--fp-border-width) solid var(--fp-border);--section-surface:var(--fp-bg-deep)}.section.bleed.svelte-17uyemm{padding-top:var(--fp-space-7);padding-bottom:var(--fp-space-7);--section-surface:var(--fp-bg-panel)}.section.svelte-17uyemm .card,.section.svelte-17uyemm .callout,.section.svelte-17uyemm .codeblock{background:var(--section-surface)}.section.svelte-17uyemm .codeblock .shiki-wrap pre{background:var(--section-surface)!important}.container-wide.svelte-17uyemm{max-width:var(--fp-container-wide);margin:0 auto}.container-prose.svelte-17uyemm{max-width:var(--fp-container-prose);margin:0 auto}.section-head.svelte-17uyemm{margin-bottom:var(--fp-space-7)}.section-head.svelte-17uyemm h2:where(.svelte-17uyemm){font-family:var(--fp-font-heading);font-size:var(--fp-text-2xl);font-weight:var(--fp-weight-medium);color:var(--fp-ink-primary);letter-spacing:var(--fp-tracking-tight);margin:0 0 var(--fp-space-3)}.section-head.svelte-17uyemm .eyebrow:where(.svelte-17uyemm){font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-accent-cyan);margin-bottom:var(--fp-space-3)}.section-lede.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-md);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);max-width:70ch;margin:0}.sub-heading.svelte-17uyemm{font-family:var(--fp-font-heading);font-size:var(--fp-text-lg);font-weight:var(--fp-weight-medium);color:var(--fp-ink-primary);margin:var(--fp-space-7) 0 var(--fp-space-3)}.sub-lede.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);max-width:70ch;margin:0 0 var(--fp-space-5)}.screenshot.svelte-17uyemm{margin:0}.screenshot.svelte-17uyemm img:where(.svelte-17uyemm){border:var(--fp-border-width) solid var(--fp-border-strong);border-radius:var(--fp-radius-sm);background:var(--fp-bg-panel);width:100%;max-width:100%;height:auto;display:block}.screenshot.svelte-17uyemm figcaption:where(.svelte-17uyemm){font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);letter-spacing:var(--fp-tracking-wide);margin-top:var(--fp-space-3);text-align:center}.two-col.svelte-17uyemm{gap:var(--fp-space-7);margin-bottom:var(--fp-space-7);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}@media (width<=900px){.two-col.svelte-17uyemm{grid-template-columns:1fr}}.swatch.svelte-17uyemm{border-radius:var(--fp-radius-sm);border:var(--fp-border-width) solid var(--fp-border-strong);flex-shrink:0;width:14px;height:14px;display:inline-block}.swatch.lg.svelte-17uyemm{width:28px;height:28px;margin-top:2px}.micro-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}.var-grid.svelte-17uyemm{gap:var(--fp-space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:0;list-style:none;display:grid}.var-grid.svelte-17uyemm li:where(.svelte-17uyemm){padding:var(--fp-space-4);background:var(--section-surface);border:var(--fp-border-width) solid var(--fp-border);border-radius:var(--fp-radius-sm)}.var-row.svelte-17uyemm{gap:var(--fp-space-3);grid-template-columns:36px 1fr;align-items:start;display:grid}.var-meta.svelte-17uyemm{gap:var(--fp-space-2);margin-bottom:var(--fp-space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.var-name.svelte-17uyemm{font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:var(--fp-ink-primary)}.var-hex.svelte-17uyemm{font-family:var(--fp-font-display);font-size:var(--fp-text-xs);color:var(--fp-accent-yellow);display:block}.var-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:var(--fp-space-1) 0 0}.remap-table.svelte-17uyemm{border-collapse:collapse;width:100%;font-family:var(--fp-font-display);font-size:var(--fp-text-sm)}.remap-table.svelte-17uyemm th:where(.svelte-17uyemm){text-align:left;font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-ink-muted);padding:var(--fp-space-2) var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border-strong);white-space:nowrap}.remap-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);vertical-align:middle}.remap-obsidian.svelte-17uyemm code:where(.svelte-17uyemm){color:var(--fp-accent-cyan);white-space:nowrap}.remap-target.svelte-17uyemm code:where(.svelte-17uyemm){color:var(--fp-accent-blue);white-space:nowrap}.remap-note.svelte-17uyemm{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-accent-green);line-height:var(--fp-leading-normal)}@media (width<=700px){.remap-table.svelte-17uyemm thead:where(.svelte-17uyemm){display:none}.remap-table.svelte-17uyemm tr:where(.svelte-17uyemm){gap:0 var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);padding:var(--fp-space-3) 0;grid-template-columns:1fr 1fr;display:grid}.remap-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-1) 0;border-bottom:none}.remap-note.svelte-17uyemm{grid-column:1/-1}}.two-col.svelte-17uyemm .codeblock{box-sizing:border-box;height:100%;margin:0}.md-right.svelte-17uyemm{gap:var(--fp-space-5);flex-direction:column;display:flex}.prose-table-wrap.svelte-17uyemm{overflow-x:auto}.prose-table.svelte-17uyemm{border-collapse:collapse;width:100%;font-family:var(--fp-font-display);font-size:var(--fp-text-sm);color:var(--fp-ink-primary)}.prose-table.svelte-17uyemm th:where(.svelte-17uyemm){text-align:left;font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-accent-cyan);padding:var(--fp-space-2) var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border-strong)}.prose-table.svelte-17uyemm td:where(.svelte-17uyemm){padding:var(--fp-space-3);border-bottom:var(--fp-border-width) solid var(--fp-border);vertical-align:top}.prose-color.svelte-17uyemm{gap:var(--fp-space-2);align-items:center;display:inline-flex}.prose-selector.svelte-17uyemm{font-size:var(--fp-text-xs);color:var(--fp-ink-muted)}.token-grid.svelte-17uyemm{gap:var(--fp-space-4);margin:0 0 var(--fp-space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.callout-grid.svelte-17uyemm{gap:var(--fp-space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.callout-grid.svelte-17uyemm{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.callout-grid.svelte-17uyemm{grid-template-columns:1fr}}.chrome-swatch-grid.svelte-17uyemm{gap:var(--fp-space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.chrome-swatch-grid.svelte-17uyemm{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.chrome-swatch-grid.svelte-17uyemm{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.chrome-swatch-grid.svelte-17uyemm{grid-template-columns:1fr}}kbd.svelte-17uyemm{font-family:var(--fp-font-display);background:var(--fp-bg-deep);border:var(--fp-border-width) solid var(--fp-border);border-radius:var(--fp-radius-sm);color:var(--fp-ink-primary);padding:1px 6px;font-size:.85em}.profile-download.svelte-17uyemm{align-items:center;gap:var(--fp-space-4);margin-bottom:var(--fp-space-5);flex-wrap:wrap;display:flex}.profile-download-meta.svelte-17uyemm{gap:var(--fp-space-2);align-items:center;display:inline-flex}