html{scroll-behavior:smooth;scroll-padding-top:calc(var(--space-16) + var(--space-4))}body{background-color:var(--color-bg);color:var(--color-text-primary);flex-direction:column;min-height:100vh;display:flex}.ds-header[data-astro-cid-3rtyo6nd]{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);position:sticky;top:0}.ds-header__container[data-astro-cid-3rtyo6nd]{max-width:var(--container-max-width);padding:var(--space-3) var(--container-padding);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.ds-brand[data-astro-cid-3rtyo6nd]{align-items:center;gap:var(--space-2);display:flex}.ds-brand__title[data-astro-cid-3rtyo6nd]{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;display:inline-flex}.ds-brand__title[data-astro-cid-3rtyo6nd]:hover{text-decoration:none}.ds-brand__sep[data-astro-cid-3rtyo6nd]{color:var(--color-border);font-weight:var(--font-weight-normal)}.ds-brand__sub[data-astro-cid-3rtyo6nd]{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.ds-badge[data-astro-cid-3rtyo6nd]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-accent-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.1rem .45rem;display:inline-block}.ds-nav[data-astro-cid-3rtyo6nd]{display:none}@media (width>=768px){.ds-nav[data-astro-cid-3rtyo6nd]{display:block}}.ds-nav__list[data-astro-cid-3rtyo6nd]{align-items:center;gap:var(--space-2);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.ds-nav__link[data-astro-cid-3rtyo6nd]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;text-decoration:none}.ds-nav__link[data-astro-cid-3rtyo6nd]:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover);text-decoration:none}.ds-nav__link--active[data-astro-cid-3rtyo6nd]{background-color:var(--color-surface);color:var(--color-accent);font-weight:var(--font-weight-medium)}.ds-section:target{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg)}.ds-header__actions[data-astro-cid-3rtyo6nd]{align-items:center;gap:var(--space-2);display:flex}.ds-back-link[data-astro-cid-3rtyo6nd]{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.ds-back-link[data-astro-cid-3rtyo6nd]:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover);border-color:var(--color-accent);text-decoration:none}.ds-main[data-astro-cid-3rtyo6nd]{padding-top:var(--space-8);padding-bottom:var(--space-16);flex:1}.ds-footer[data-astro-cid-3rtyo6nd]{border-top:1px solid var(--color-border);padding:var(--space-6) 0;background-color:var(--color-surface-elevated)}.ds-footer__container[data-astro-cid-3rtyo6nd]{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-footer__copy[data-astro-cid-3rtyo6nd]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:0}.ds-footer__link[data-astro-cid-3rtyo6nd]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ds-hero[data-astro-cid-lz5o6qqb]{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-12)}.ds-hero__badge-row[data-astro-cid-lz5o6qqb]{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.ds-meta-tag[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.ds-hero__title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);margin-top:0;margin-bottom:var(--space-4)}.ds-hero__lead[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:760px;margin-bottom:var(--space-8)}.ds-pill-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ds-pill-item[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.ds-pill-item[data-astro-cid-lz5o6qqb] strong[data-astro-cid-lz5o6qqb]{color:var(--color-text-primary)}.ds-section[data-astro-cid-lz5o6qqb]{padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-12)}.ds-section[data-astro-cid-lz5o6qqb]:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ds-section__header[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-8)}.ds-section__title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-2xl);margin-top:0;margin-bottom:var(--space-2);border-bottom:none;padding-bottom:0}.ds-section__desc[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:700px;margin-bottom:0}.ds-subsection-title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.ds-color-groups[data-astro-cid-lz5o6qqb]{gap:var(--space-8);flex-direction:column;display:flex}.ds-color-group__title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:0;margin-bottom:var(--space-1)}.ds-color-group__desc[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ds-color-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ds-color-card[data-astro-cid-lz5o6qqb]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.ds-color-swatch[data-astro-cid-lz5o6qqb]{height:80px;padding:var(--space-2) var(--space-3);justify-content:flex-start;align-items:flex-end;display:flex;position:relative}.ds-color-swatch__hex[data-astro-cid-lz5o6qqb]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.15rem .45rem;box-shadow:0 1px 3px #00000026}.ds-color-swatch__hex--light[data-astro-cid-lz5o6qqb]{display:inline-block}.ds-color-swatch__hex--dark[data-astro-cid-lz5o6qqb]{display:none}@media (prefers-color-scheme:dark){.ds-color-swatch__hex--light[data-astro-cid-lz5o6qqb]{display:none}.ds-color-swatch__hex--dark[data-astro-cid-lz5o6qqb]{display:inline-block}}.ds-color-info[data-astro-cid-lz5o6qqb]{padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.ds-color-token[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);word-break:break-all;padding:.1rem .3rem;display:inline-block}.ds-color-role[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:0}.ds-font-card[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-8)}.ds-font-preview[data-astro-cid-lz5o6qqb]{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.ds-font-preview[data-astro-cid-lz5o6qqb]{grid-template-columns:1fr 1fr}}.ds-font-sample[data-astro-cid-lz5o6qqb]{gap:var(--space-2);flex-direction:column;display:flex}.ds-font-specimen[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ds-font-sample--mono[data-astro-cid-lz5o6qqb] .ds-font-specimen[data-astro-cid-lz5o6qqb]{font-family:var(--font-family-mono);font-size:var(--font-size-xl)}.ds-font-meta[data-astro-cid-lz5o6qqb] strong[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);display:block}.ds-font-meta[data-astro-cid-lz5o6qqb] p[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:0}.ds-type-scale[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-direction:column;display:flex}.ds-type-row[data-astro-cid-lz5o6qqb]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.ds-type-meta[data-astro-cid-lz5o6qqb]{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.ds-type-token[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs)}.ds-type-dimensions[data-astro-cid-lz5o6qqb]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent-category);font-weight:var(--font-weight-medium)}.ds-type-role[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ds-type-preview[data-astro-cid-lz5o6qqb]{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-spacing-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.ds-spacing-row[data-astro-cid-lz5o6qqb]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ds-spacing-meta[data-astro-cid-lz5o6qqb]{align-items:center;gap:var(--space-3);min-width:220px;display:flex}.ds-spacing-val[data-astro-cid-lz5o6qqb]{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.ds-spacing-bar-wrapper[data-astro-cid-lz5o6qqb]{flex:1;justify-content:flex-start;display:flex}.ds-spacing-bar[data-astro-cid-lz5o6qqb]{background-color:var(--color-text-primary);border-radius:var(--radius-sm);min-width:2px;height:18px}.ds-layout-props[data-astro-cid-lz5o6qqb]{gap:var(--space-4);flex-direction:column;display:flex}.ds-prop-row[data-astro-cid-lz5o6qqb] code[data-astro-cid-lz5o6qqb]{margin-right:var(--space-2)}.ds-prop-row[data-astro-cid-lz5o6qqb] span[data-astro-cid-lz5o6qqb]{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ds-prop-row[data-astro-cid-lz5o6qqb] p[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}.ds-radii-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ds-radius-card[data-astro-cid-lz5o6qqb]{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.ds-radius-visual[data-astro-cid-lz5o6qqb]{background-color:var(--color-surface-elevated);border:2px solid var(--color-accent);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.ds-radius-visual[data-astro-cid-lz5o6qqb] code[data-astro-cid-lz5o6qqb]{padding:.1rem .2rem;font-size:10px}.ds-radius-info[data-astro-cid-lz5o6qqb] strong[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);display:block}.ds-radius-info[data-astro-cid-lz5o6qqb] p[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:0}.ds-transitions-grid[data-astro-cid-lz5o6qqb]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.ds-transition-card[data-astro-cid-lz5o6qqb]{gap:var(--space-3);flex-direction:column;display:flex}.ds-trans-demo[data-astro-cid-lz5o6qqb]{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer}.ds-trans-demo--fast[data-astro-cid-lz5o6qqb]{transition:all var(--transition-fast)}.ds-trans-demo--fast[data-astro-cid-lz5o6qqb]:hover{background-color:var(--color-accent);color:var(--color-bg);transform:translateY(-2px)}.ds-trans-demo--normal[data-astro-cid-lz5o6qqb]{transition:all var(--transition-normal)}.ds-trans-demo--normal[data-astro-cid-lz5o6qqb]:hover{background-color:var(--color-accent-category);color:#fff;transform:translateY(-2px)}.ds-trans-meta[data-astro-cid-lz5o6qqb] code[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-1);display:inline-block}.ds-trans-meta[data-astro-cid-lz5o6qqb] span[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);display:block}.ds-trans-meta[data-astro-cid-lz5o6qqb] p[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}.ds-component-block[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-8)}.ds-component-title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:0;margin-bottom:var(--space-1)}.ds-component-desc[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ds-component-canvas[data-astro-cid-lz5o6qqb]{padding:var(--space-6)}.ds-badge-showcase[data-astro-cid-lz5o6qqb]{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.ds-badge-item[data-astro-cid-lz5o6qqb]{gap:var(--space-2);flex-direction:column;display:flex}.ds-btn-showcase[data-astro-cid-lz5o6qqb]{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.ds-btn-item[data-astro-cid-lz5o6qqb]{gap:var(--space-2);flex-direction:column;display:flex}.btn[data-astro-cid-lz5o6qqb]{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn--primary[data-astro-cid-lz5o6qqb]{background-color:var(--color-text-primary);color:var(--color-bg)}.btn--primary[data-astro-cid-lz5o6qqb]:hover{background-color:var(--color-accent-hover);color:var(--color-bg);text-decoration:none}.btn--secondary[data-astro-cid-lz5o6qqb]{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary[data-astro-cid-lz5o6qqb]:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent);text-decoration:none}.ds-card-preview[data-astro-cid-lz5o6qqb]{max-width:600px}.ds-card-preview__header[data-astro-cid-lz5o6qqb]{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ds-card-meta[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ds-card-preview__title[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-xl);margin-top:0;margin-bottom:var(--space-2)}.ds-card-preview__body[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.ds-text-link[data-astro-cid-lz5o6qqb]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}