.ds-shell{background-color:var(--surface-page);min-height:100dvh}@media (width>=1024px){.ds-shell{inset:calc(var(--ruler-offset) + var(--topnav-height)) 0 0 var(--ruler-offset);grid-template-columns:var(--sidebar-width) min(calc(var(--container) - var(--sidebar-width)), calc(100% - var(--sidebar-width)));justify-content:center;align-items:stretch;min-height:0;display:grid;position:fixed;overflow:hidden}}.ds-nav{border-bottom:1px solid var(--rule);background-color:var(--surface-page)}@media (width>=1024px){.ds-nav{height:100%;padding-top:var(--space-md);overscroll-behavior:contain;border-bottom:none;border-right:1px solid var(--rule);overflow-y:auto}}.ds-nav-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--gutter);display:flex}@media (width>=1024px){.ds-nav-head{padding-block:var(--space-md) var(--space-sm);padding-inline:var(--gutter) var(--space-sm)}}.ds-brand{gap:var(--space-4xs);color:inherit;border-radius:var(--radius-sm);flex-direction:column;text-decoration:none;display:flex}@media (pointer:coarse){.ds-brand{justify-content:center;min-height:44px}}.ds-brand:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-brand strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.ds-nav-toggle{display:inline-flex}.ds-nav-body{padding-block:0 var(--space-md);padding-inline:calc(var(--gutter) - var(--space-2xs)) var(--gutter);display:none}.ds-nav[data-open=true] .ds-nav-body{display:block}@media (width>=1024px){.ds-nav-toggle{display:none}.ds-nav-body{padding-block:0 var(--space-xl);padding-inline:calc(var(--gutter) - var(--space-2xs)) var(--space-2xs);display:block}}.ds-nav-list,.ds-nav-sublist{margin:0;padding:0;list-style:none}.ds-nav-list>li>a,.ds-nav-sublist>li>a{padding:var(--space-2xs) var(--space-2xs);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-muted);transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);text-decoration:none;display:block}.ds-nav-list>li>a:focus-visible,.ds-nav-sublist>li>a:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.ds-nav-list>li>a:hover,.ds-nav-sublist>li>a:hover{background-color:var(--surface-sunken);color:var(--ink)}}.ds-nav-list>li>a[aria-current=page],.ds-nav-sublist>li>a[aria-current=page]{background-color:var(--accent-wash);color:var(--accent);font-weight:var(--weight-medium)}@media (pointer:coarse){.ds-nav-list>li>a,.ds-nav-sublist>li>a{min-height:44px;padding-block:var(--space-2xs);align-items:center;display:flex}}.ds-nav-group{margin-top:var(--space-md);padding:0 var(--space-2xs) var(--space-3xs)}.ds-tree{margin:var(--space-3xs) 0 0;padding-left:var(--space-2xs);list-style:none}.ds-tree-branch{margin-top:var(--space-2xs)}.ds-tree-label{padding:var(--space-3xs) var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint);display:block}.ds-nav-sublist{margin-left:var(--space-2xs);padding-left:var(--space-2xs);border-left:1px solid var(--rule)}.ds-content{min-width:0;padding:var(--space-lg) var(--gutter) var(--space-3xl)}@media (width>=1024px){.ds-content{overscroll-behavior:contain;height:100%;padding:var(--space-xl) var(--space-xl) var(--space-3xl);overflow-y:auto}.ds-nav,.ds-content{scrollbar-width:none}.ds-nav::-webkit-scrollbar{display:none}.ds-content::-webkit-scrollbar{display:none}}.ds-doc{max-width:var(--container-narrow)}.ds-doc[data-width=wide]{max-width:var(--container)}.ds-doc h1{margin-top:var(--space-2xs);font-size:var(--text-2xl);letter-spacing:var(--tracking-display)}.ds-lede{margin-top:var(--space-sm);font-size:var(--text-md);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--ink-muted)}.ds-section{margin-top:var(--space-xl);scroll-margin-top:var(--space-sm)}.ds-section>h2{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--rule)}.ds-section>h3{margin-top:var(--space-md);font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.ds-section>p,.ds-doc>p{margin-top:var(--space-xs);color:var(--ink-muted)}.ds-list{margin-top:var(--space-xs);padding-left:var(--space-sm);color:var(--ink-muted)}.ds-list li{margin-top:var(--space-2xs)}.ds-list li strong{color:var(--ink);font-weight:var(--weight-semibold)}.ds-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.ds-grid[data-cols=wide]{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.ds-swatch{gap:var(--space-3xs);flex-direction:column;display:flex}.ds-swatch-chip{border:1px solid var(--rule-soft);border-radius:var(--radius);height:60px}.ds-swatch-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink);word-break:break-all}.ds-swatch-meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint)}.ds-type-row{padding:var(--space-xs) 0;border-bottom:1px solid var(--rule-soft);overflow:hidden}.ds-type-specimen{line-height:var(--leading-tight);letter-spacing:var(--tracking-display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ds-meta{align-items:center;gap:var(--space-2xs);margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);flex-wrap:wrap;display:flex}.ds-ruler{align-items:center;gap:var(--space-xs);padding:var(--space-3xs) 0;display:flex}.ds-ruler-bar{border-radius:var(--radius-sm);background-color:var(--accent-bright);flex:none;height:12px}.ds-box{background-color:var(--surface-raised);border:1px solid var(--rule-soft);place-items:center;height:80px;display:grid}.ds-elevation{border-radius:var(--radius);background-color:var(--surface-raised);place-items:center;height:80px;display:grid}.ds-well{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm);border:1px solid var(--rule-soft);border-radius:var(--radius);background-color:var(--surface-sunken);flex-wrap:wrap;display:flex}.ds-well[data-layout=stack]{flex-direction:column;align-items:stretch}.ds-panel{padding:var(--space-sm) 0}.ds-motion-row{gap:var(--space-3xs);margin-bottom:var(--space-sm);display:grid;container-type:inline-size}.ds-track{border-radius:var(--radius-full);background-color:var(--surface-inset);height:28px;position:relative;overflow:hidden}.ds-dot{border-radius:var(--radius-full);background-color:var(--accent-bright);width:18px;height:18px;transition:translate var(--ds-duration,var(--duration-moderate)) var(--ds-ease,var(--ease-spatial));position:absolute;top:5px;left:5px;translate:0}.ds-track[data-playing=true] .ds-dot{translate:calc(100cqw - 28px)}.ds-card{padding:var(--space-sm);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);background-color:var(--surface-raised);box-shadow:var(--shadow-sm);color:inherit;transition:box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);text-decoration:none;display:block}.ds-card:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.ds-card:hover{border-color:var(--rule);box-shadow:var(--shadow)}}.ds-card strong{font-size:var(--text-md);letter-spacing:var(--tracking-snug);display:block}.ds-card span{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--ink-muted);display:block}.ds-table{width:100%;margin-top:var(--space-sm);border-collapse:collapse;font-size:var(--text-sm)}.ds-table th,.ds-table td{padding:var(--space-2xs);text-align:left;vertical-align:top;border-bottom:1px solid var(--rule-soft)}.ds-table th{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.ds-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);white-space:nowrap}.ds-table-scroll{overflow-x:auto}