.grid[data-astro-cid-3iecowwt]{gap:var(--space-4);margin-bottom:var(--space-5);display:grid}.grid--2[data-astro-cid-3iecowwt]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3[data-astro-cid-3iecowwt]{grid-template-columns:repeat(3,minmax(0,1fr))}.tile[data-astro-cid-3iecowwt]{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.tile--dark[data-astro-cid-3iecowwt]{background:var(--canvas-deep);border-color:var(--line-invert)}.tile--dark[data-astro-cid-3iecowwt] .tile__label[data-astro-cid-3iecowwt],.tile--dark[data-astro-cid-3iecowwt] .tile__note[data-astro-cid-3iecowwt]{color:#f6f5f280}.tile__label[data-astro-cid-3iecowwt]{margin:0 0 var(--space-4);font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-faint);font-weight:600}.tile__stage[data-astro-cid-3iecowwt]{align-items:center;min-height:5rem;display:flex}.tile__stage--row[data-astro-cid-3iecowwt]{gap:var(--space-5)}.tile__stage--wrap[data-astro-cid-3iecowwt]{gap:var(--space-3);flex-wrap:wrap}.tile__stage--block[data-astro-cid-3iecowwt]{display:block}.tile__note[data-astro-cid-3iecowwt]{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--ink-muted);line-height:1.5}.note[data-astro-cid-3iecowwt]{max-width:48rem;margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.65}.zoom[data-astro-cid-3iecowwt]{image-rendering:pixelated;border:1px solid var(--line);border-radius:var(--radius-xs)}.tabstrip[data-astro-cid-3iecowwt]{border-radius:var(--radius-md) var(--radius-md) 0 0;background:#e6e4df;padding:.5rem .5rem 0}.tabstrip--dark[data-astro-cid-3iecowwt]{background:#23262c}.tabstrip__tab[data-astro-cid-3iecowwt]{border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:18rem;font-size:var(--text-xs);color:#14161a;white-space:nowrap;background:#fff;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex;overflow:hidden}.tabstrip--dark[data-astro-cid-3iecowwt] .tabstrip__tab[data-astro-cid-3iecowwt]{color:#e8e8ea;background:#32353c}.tabstrip__tab[data-astro-cid-3iecowwt] span[data-astro-cid-3iecowwt]:first-of-type{text-overflow:ellipsis;overflow:hidden}.tabstrip__x[data-astro-cid-3iecowwt]{opacity:.5;margin-left:auto}.demo__line[data-astro-cid-3iecowwt]{margin:0 0 var(--space-2);font-size:var(--text-sm)}.demo__line--muted[data-astro-cid-3iecowwt]{color:var(--ink-muted);font-size:var(--text-xs);margin:0}.sub[data-astro-cid-3iecowwt]{margin:var(--space-7) 0 var(--space-4);font-size:var(--text-2xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-faint);font-weight:600}.swatches[data-astro-cid-3iecowwt],.tokens[data-astro-cid-3iecowwt]{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.swatch[data-astro-cid-3iecowwt],.tokens[data-astro-cid-3iecowwt] li[data-astro-cid-3iecowwt]{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-xs);display:grid}.swatch[data-astro-cid-3iecowwt]{grid-template-columns:2.25rem minmax(0,7rem) minmax(0,9rem) minmax(0,6rem) minmax(0,1fr)}.swatch__chip[data-astro-cid-3iecowwt]{border:1px solid var(--line-strong);border-radius:var(--radius-xs);width:2.25rem;height:1.5rem}.swatch__name[data-astro-cid-3iecowwt],.tokens__name[data-astro-cid-3iecowwt]{font-weight:600}.swatch__token[data-astro-cid-3iecowwt],.swatch__value[data-astro-cid-3iecowwt],.tokens__token[data-astro-cid-3iecowwt],.tokens__value[data-astro-cid-3iecowwt]{color:var(--ink-muted)}.swatch__use[data-astro-cid-3iecowwt],.tokens__use[data-astro-cid-3iecowwt]{color:var(--ink-faint)}.tokens[data-astro-cid-3iecowwt] li[data-astro-cid-3iecowwt]{grid-template-columns:minmax(0,7rem) minmax(0,9rem) minmax(0,14rem) minmax(0,1fr)}.type[data-astro-cid-3iecowwt]{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid}.type__row[data-astro-cid-3iecowwt]{letter-spacing:var(--track-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.15;overflow:hidden}@media (width<=900px){.grid--2[data-astro-cid-3iecowwt],.grid--3[data-astro-cid-3iecowwt]{grid-template-columns:1fr}.swatch[data-astro-cid-3iecowwt]{grid-template-columns:2.25rem minmax(0,1fr);row-gap:.2rem}.swatch__token[data-astro-cid-3iecowwt],.swatch__value[data-astro-cid-3iecowwt],.swatch__use[data-astro-cid-3iecowwt]{grid-column:2}.tokens[data-astro-cid-3iecowwt] li[data-astro-cid-3iecowwt]{grid-template-columns:1fr;gap:.2rem}}