.swatch-grid[data-astro-cid-gxoxdauu]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.swatch[data-astro-cid-gxoxdauu]{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:4px;overflow:hidden}.swatch-fill[data-astro-cid-gxoxdauu]{height:40px}.swatch-label[data-astro-cid-gxoxdauu]{font-size:var(--text-micro);font-family:var(--font-mono);padding:.375rem .5rem;line-height:1.6}.swatch-name[data-astro-cid-gxoxdauu]{color:var(--color-text);font-weight:500}.swatch-var[data-astro-cid-gxoxdauu]{color:var(--color-text-faint);font-size:var(--text-micro)}.triplet-row[data-astro-cid-gxoxdauu]{border:1px solid var(--color-border);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:.5rem;display:grid;overflow:hidden}.triplet-cell[data-astro-cid-gxoxdauu]{text-align:center;padding:.625rem .5rem}.triplet-label[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-micro);margin-top:.25rem}.triplet-name[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-text);margin-bottom:.375rem;font-weight:500}.triplet-hex[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-faint);margin-bottom:.75rem}.mapping-grid[data-astro-cid-gxoxdauu]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.mapping-group[data-astro-cid-gxoxdauu]{border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.mapping-header[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-micro);background:var(--color-bg-hover);color:var(--color-text-muted);letter-spacing:.1em;padding:.5rem .75rem}.mapping-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:var(--text-caption);align-items:center;gap:.625rem;padding:.3rem .75rem;display:flex}.mapping-dot[data-astro-cid-gxoxdauu]{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mapping-value[data-astro-cid-gxoxdauu]{color:var(--color-text);flex:1}.mapping-color[data-astro-cid-gxoxdauu]{color:var(--color-text-faint);font-size:var(--text-micro)}.badge-gallery[data-astro-cid-gxoxdauu]{flex-wrap:wrap;gap:.5rem;display:flex}.badge-item[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;border-radius:2px;padding:.15rem .5rem;display:inline-block}.chrome-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);grid-template-columns:4.5rem minmax(0,1fr) 9.5rem;grid-template-areas:"name sample meta""name usage usage";align-items:baseline;gap:.125rem .75rem;padding:.625rem .75rem;display:grid}.chrome-name[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text);grid-area:name}.chrome-sample[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-area:sample;overflow:hidden}.chrome-meta[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-faint);text-align:right;grid-area:meta}.chrome-usage[data-astro-cid-gxoxdauu]{font-family:var(--font-sans);font-size:var(--text-label);color:var(--color-text-muted);grid-area:usage}@media (width<=640px){.chrome-row[data-astro-cid-gxoxdauu]{grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"name sample""name meta""name usage"}.chrome-meta[data-astro-cid-gxoxdauu]{text-align:left}}.spacing-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.spacing-row[data-astro-cid-gxoxdauu]:first-child{border-top:none}.spacing-name[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text);flex-shrink:0;width:2rem}.spacing-bar[data-astro-cid-gxoxdauu]{background:var(--color-accent);border-radius:2px;flex-shrink:0;height:14px}.spacing-usage[data-astro-cid-gxoxdauu]{font-size:var(--text-caption);color:var(--color-text-faint);font-family:var(--font-mono)}.radius-grid[data-astro-cid-gxoxdauu]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.radius-card[data-astro-cid-gxoxdauu]{border:1px solid var(--color-border);text-align:center;padding:.75rem}.radius-swatch[data-astro-cid-gxoxdauu]{background:var(--color-bg-hover);border:1px solid var(--color-border);width:100%;height:48px;margin-bottom:.5rem}.radius-name[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text)}.radius-usage[data-astro-cid-gxoxdauu]{font-size:var(--text-micro);color:var(--color-text-faint);margin-top:.25rem}.motion-demo-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);align-items:center;gap:1rem;padding:.75rem;display:flex}.motion-demo-row[data-astro-cid-gxoxdauu]:first-child{border-top:none}.motion-track[data-astro-cid-gxoxdauu]{flex-shrink:0;width:160px;height:24px;position:relative}.motion-dot[data-astro-cid-gxoxdauu]{background:var(--color-accent);border-radius:50%;width:24px;height:24px;transition:transform .9s;position:absolute;top:0;left:0}.motion-track[data-astro-cid-gxoxdauu]:hover .motion-dot[data-astro-cid-gxoxdauu]{transform:translate(136px)}.motion-track--expo[data-astro-cid-gxoxdauu] .motion-dot[data-astro-cid-gxoxdauu]{transition-timing-function:cubic-bezier(.16,1,.3,1)}.motion-track--standard[data-astro-cid-gxoxdauu] .motion-dot[data-astro-cid-gxoxdauu]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.motion-meta[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text)}.motion-meta-usage[data-astro-cid-gxoxdauu]{font-size:var(--text-micro);color:var(--color-text-faint);margin-top:.125rem}@media (prefers-reduced-motion:reduce){.motion-dot[data-astro-cid-gxoxdauu]{transition:none}}.icon-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.icon-row[data-astro-cid-gxoxdauu]:first-child{border-top:none}.icon-glyph[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);color:var(--color-accent);text-align:center;flex-shrink:0;width:1.5rem;font-size:1rem}.icon-desc[data-astro-cid-gxoxdauu]{font-size:var(--text-label);color:var(--color-text-muted)}.demo-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem .75rem;display:flex}.demo-row[data-astro-cid-gxoxdauu]:first-child{border-top:none}.dot-loader[data-astro-cid-gxoxdauu]{gap:.3rem;display:flex}.dot-loader[data-astro-cid-gxoxdauu] span[data-astro-cid-gxoxdauu]{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.dot-loader[data-astro-cid-gxoxdauu] span[data-astro-cid-gxoxdauu]:nth-child(2){animation-delay:.2s}.dot-loader[data-astro-cid-gxoxdauu] span[data-astro-cid-gxoxdauu]:nth-child(3){animation-delay:.4s}.scroll-demo-box[data-astro-cid-gxoxdauu]{border:1px solid var(--color-border);border-radius:4px;height:90px;position:relative;overflow-y:auto}.scroll-demo-content[data-astro-cid-gxoxdauu]{font-size:var(--text-label);color:var(--color-text-muted);padding:.75rem}@supports (animation-timeline:scroll()){.scroll-demo-progress[data-astro-cid-gxoxdauu]{background:var(--color-accent);transform-origin:0;height:2px;animation:linear both dtScrollProgress;animation-timeline:scroll();position:sticky;top:0;left:0}@keyframes dtScrollProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}