.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:.65rem;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:.6rem}.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);margin-top:.25rem;font-size:.6rem}.triplet-name[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);color:var(--color-text);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.triplet-hex[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);color:var(--color-text-faint);margin-bottom:.75rem;font-size:.6rem}.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);background:var(--color-bg-hover);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.5rem .75rem;font-size:.65rem}.mapping-row[data-astro-cid-gxoxdauu]{border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);align-items:center;gap:.625rem;padding:.3rem .75rem;font-size:.7rem;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:.6rem}.badge-gallery[data-astro-cid-gxoxdauu]{flex-wrap:wrap;gap:.5rem;display:flex}.badge-item[data-astro-cid-gxoxdauu]{font-family:var(--font-mono);text-transform:uppercase;border-radius:2px;padding:.15rem .5rem;font-size:.65rem;display:inline-block}.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);color:var(--color-text);flex-shrink:0;width:2rem;font-size:.7rem}.spacing-bar[data-astro-cid-gxoxdauu]{background:var(--color-accent);border-radius:2px;flex-shrink:0;height:14px}.spacing-usage[data-astro-cid-gxoxdauu]{color:var(--color-text-faint);font-size:.7rem;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);color:var(--color-text);font-size:.7rem}.radius-usage[data-astro-cid-gxoxdauu]{color:var(--color-text-faint);margin-top:.25rem;font-size:.625rem}.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);color:var(--color-text);font-size:.7rem}.motion-meta-usage[data-astro-cid-gxoxdauu]{color:var(--color-text-faint);margin-top:.125rem;font-size:.65rem}@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]{color:var(--color-text-muted);font-size:.75rem}.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]{color:var(--color-text-muted);padding:.75rem;font-size:.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)}}}