@layer patterns.docs{.dsd{--dsd-bar-h:60px;--dsd-side-w:272px;--dsd-max:1120px;--dsd-gap:var(--ds-section-y-tight);--ds-nav-h:var(--dsd-bar-h);grid-template-columns:var(--dsd-side-w) minmax(0, 1fr);grid-template-rows:var(--dsd-bar-h) 1fr auto;grid-template-areas:"bar bar""side main""side foot";min-height:100svh;display:grid}html:has(>body.dsd){scroll-padding-top:calc(var(--dsd-bar-h) + var(--p-space-6))}html.dsd-locked{overflow:hidden}:is(.dsd-props,.dsd-facts,.dsd-scale,.dsd-tokrows,.dsd-roles,.dsd-chips,.dsd-code,.dsd-beh,.dsd-ladder,.dsd-troles){hanging-punctuation:none}.dsd>main{grid-area:main;min-width:0}.dsd>main:focus{outline:none}.dsd-bar{z-index:var(--ds-z-nav);align-items:center;gap:var(--p-space-6);min-width:0;height:var(--dsd-bar-h);padding-inline:max(var(--p-space-6), env(safe-area-inset-left)) max(var(--p-space-5), env(safe-area-inset-right));background:color-mix(in srgb, var(--ds-bg) 98%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--ds-line);grid-area:bar;display:flex;position:sticky;top:0}.dsd-brand{align-items:center;gap:var(--p-space-3);color:var(--ds-fg);flex:none;text-decoration:none;display:inline-flex}.dsd-brand .ds-logo{pointer-events:none}.dsd-brand__sys{padding-left:var(--p-space-3);border-left:1px solid var(--ds-line-strong);font:var(--p-weight-ui) var(--ds-fs-sm)/1 var(--ds-font-sans);letter-spacing:-.01em;white-space:nowrap}.dsd-bar__nav{align-self:stretch;gap:var(--p-space-1);margin-left:var(--p-space-4);min-width:0;display:flex}.dsd-bar__nav>a{padding-inline:var(--p-space-3);font:500 var(--ds-fs-sm)/1 var(--ds-font-sans);color:var(--ds-fg-2);white-space:nowrap;transition:color var(--ds-dur-fast), box-shadow var(--ds-dur-fast);align-items:center;text-decoration:none;display:flex;box-shadow:inset 0 -2px #0000}@media (hover:hover) and (pointer:fine){.dsd-bar__nav>a:hover{color:var(--ds-fg)}}.dsd-bar__nav>a[aria-current=page]{color:var(--ds-fg);box-shadow:inset 0 -2px 0 var(--ds-accent)}.dsd-bar__end{align-items:center;gap:var(--p-space-2);margin-left:auto;display:flex}.dsd-bar__theme,.dsd-bar__live,.dsd-bar__menu{align-items:center;gap:var(--p-space-2);height:var(--ds-ctl-s);padding-inline:var(--p-space-3);border-radius:var(--ds-r-control);cursor:pointer;font:600 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);white-space:nowrap;transition:color var(--ds-dur-fast), background-color var(--ds-dur-fast), border-color var(--ds-dur-fast);background:0 0;border:1px solid #0000;text-decoration:none;display:inline-flex}.dsd-bar__theme{border-color:var(--ds-line)}@media (hover:hover) and (pointer:fine){.dsd-bar__theme:hover,.dsd-bar__live:hover,.dsd-bar__menu:hover{color:var(--ds-fg);background-color:var(--ds-fill)}}.dsd-bar__theme[aria-pressed=true]{color:var(--ds-fg);border-color:var(--ds-line-strong);background-color:var(--ds-card)}.dsd-bar__menu{width:var(--ds-tap);height:var(--ds-tap);margin-left:calc(var(--p-space-2) * -1);justify-content:center;padding:0;display:none}.dsd-side{top:var(--dsd-bar-h);height:calc(100svh - var(--dsd-bar-h));overscroll-behavior:contain;scrollbar-width:thin;padding:var(--p-space-5) var(--p-space-4) var(--p-space-12) var(--p-space-5);border-right:1px solid var(--ds-line);background:var(--ds-bg);grid-area:side;align-self:start;position:sticky;overflow:auto}.dsd-side__head{display:none}.dsd-find{top:calc(var(--p-space-5) * -1);z-index:1;margin:calc(var(--p-space-5) * -1) calc(var(--p-space-2) * -1) 0;padding:var(--p-space-5) var(--p-space-2) var(--p-space-3);background:var(--ds-bg);position:sticky}.dsd-find__in{width:100%;height:var(--ds-ctl-s);padding:0 var(--p-space-8) 0 var(--p-space-10);border:1px solid var(--ds-field-line);border-radius:var(--ds-r-control);background:var(--ds-field);color:var(--ds-fg);font:450 var(--ds-fs-field)/1 var(--ds-font-sans);appearance:none}.dsd-find__in::placeholder{color:var(--ds-fg-3)}.dsd-find__in::-webkit-search-cancel-button{display:none}.dsd-find__in:focus-visible{outline-offset:0}.dsd-find__i{left:calc(var(--p-space-2) + var(--p-space-3));top:calc(var(--p-space-5) + (var(--ds-ctl-s) - var(--ds-icon-s)) / 2);color:var(--ds-fg-3);pointer-events:none;position:absolute}.dsd-find__k{right:calc(var(--p-space-2) + var(--p-space-3));top:calc(var(--p-space-5) + (var(--ds-ctl-s) - 20px) / 2);border:1px solid var(--ds-line);border-radius:var(--ds-r-micro);min-width:20px;height:20px;font:500 var(--ds-fs-3xs)/1 var(--ds-font-mono);color:var(--ds-fg-3);place-items:center;display:grid;position:absolute}.dsd-tree{padding-bottom:var(--p-space-6)}.dsd-tree ul{margin:0;padding:0;list-style:none}.dsd-tree__sec+.dsd-tree__sec{margin-top:var(--p-space-6);padding-top:var(--p-space-5);border-top:1px solid var(--ds-line-soft)}.dsd-tree__h{align-items:center;gap:var(--p-space-2);margin:0 0 var(--p-space-2);padding-left:var(--p-space-3);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3);display:flex}.dsd-tree__h>a{color:inherit;text-decoration:none}.dsd-tree__h>a[aria-current=page]{color:var(--ds-fg)}@media (hover:hover) and (pointer:fine){.dsd-tree__h>a:hover{color:var(--ds-fg)}}.dsd-tree__n{font:500 var(--ds-fs-3xs)/1 var(--ds-font-mono);letter-spacing:0;color:var(--ds-fg-3);font-variant-numeric:tabular-nums;margin-left:auto}.dsd-tree__g{margin:var(--p-space-4) 0 var(--p-space-1);padding-left:var(--p-space-3);font:650 var(--ds-fs-s)/1.3 var(--ds-font-sans);color:var(--ds-fg)}.dsd-tree__grp ul{margin-left:var(--p-space-3);border-left:1px solid var(--ds-line)}.dsd-tree li>a{align-items:center;gap:var(--p-space-2);padding:5px var(--p-space-3);font:450 var(--ds-fs-sm)/1.35 var(--ds-font-sans);color:var(--ds-fg-2);border-radius:var(--ds-r-nested);transition:color var(--ds-dur-fast), background-color var(--ds-dur-fast);text-decoration:none;display:flex}.dsd-tree__grp li>a{border-radius:0 var(--ds-r-nested) var(--ds-r-nested) 0;border-left:2px solid #0000;margin-left:-1px}@media (hover:hover) and (pointer:fine){.dsd-tree li>a:hover{color:var(--ds-fg);background-color:var(--ds-fill)}}.dsd-tree li>a[aria-current=page]{color:var(--ds-fg);background-color:var(--ds-row);font-weight:650}.dsd-tree__grp li>a[aria-current=page]{border-left-color:var(--ds-accent)}.dsd-tree__none{margin:var(--p-space-4) var(--p-space-3);font:var(--ds-font-body-s);color:var(--ds-fg-3)}.dsd-scrim{display:none}.dsd-page{width:100%;max-width:calc(var(--dsd-max) + var(--ds-gutter) * 2);padding:var(--ds-head-gap) var(--ds-gutter) var(--ds-section-y);margin-inline:auto}.dsd-head{margin-bottom:var(--ds-head-gap)}.dsd-head .ds-breadcrumbs{margin-bottom:var(--p-space-8)}.dsd-head__eb{margin-bottom:var(--ds-eb-gap)}.dsd-head__title{font:var(--ds-font-display-l);letter-spacing:var(--ds-display-l-ls);color:var(--ds-fg);text-wrap:balance;margin:0}.dsd-head__lead{margin:var(--ds-sub-gap) 0 0;max-inline-size:var(--ds-measure-prose);font:var(--ds-font-body-l);color:var(--ds-fg-2);text-wrap:pretty}.dsd-head__lead code,.dsd-sec__sub code,.dsd-p code,.dsd-steps__d code,.dsd-stage__note code{border-radius:var(--ds-r-micro);background:var(--ds-card-2);box-shadow:inset 0 0 0 1px var(--ds-card-line);font:450 .86em/1 var(--ds-font-mono);color:var(--ds-fg);padding:.1em .35em}.dsd-head__meta{margin-top:var(--p-space-8)}.dsd-facts{gap:var(--p-space-4) var(--p-space-8);padding-top:var(--p-space-5);border-top:1px solid var(--ds-line);flex-wrap:wrap;margin:0;display:flex}.dsd-facts>div{gap:var(--p-space-2);min-width:0;display:grid}.dsd-facts dt{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-facts dd{gap:var(--p-space-2);min-width:0;font:var(--ds-font-body-s);color:var(--ds-fg-2);flex-wrap:wrap;margin:0;display:flex}.dsd-facts code{font:450 var(--ds-fs-s)/1.4 var(--ds-font-mono);color:var(--ds-fg);overflow-wrap:anywhere}.dsd-sec{margin-top:var(--dsd-gap);scroll-margin-top:calc(var(--dsd-bar-h) + var(--p-space-6));container-type:inline-size}.dsd-sec__head{margin-bottom:var(--p-space-6)}.dsd-sec__title{align-items:baseline;gap:var(--p-space-3);font:var(--ds-display-wt) var(--ds-display-s)/1.15 var(--ds-font-sans);letter-spacing:-.025em;color:var(--ds-fg);text-wrap:balance;margin:0;display:flex}.dsd-sec__n{font:500 var(--ds-fs-xs)/1 var(--ds-font-mono);letter-spacing:0;color:var(--ds-fg-3);font-variant-numeric:tabular-nums}.dsd-sec__sub{margin:var(--p-space-2) 0 0;max-inline-size:var(--ds-measure-prose);font:var(--ds-font-body);color:var(--ds-fg-2)}.dsd-sec__sub a,.dsd-p a,.dsd-stage__note a{color:var(--ds-accent);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.dsd-h3{margin:var(--p-space-12) 0 var(--p-space-2);font:var(--ds-font-title);letter-spacing:var(--ds-title-ls);color:var(--ds-fg)}.dsd-p{margin:0 0 var(--p-space-5);max-inline-size:var(--ds-measure-prose);font:var(--ds-font-body-s);color:var(--ds-fg-2)}.dsd-code{border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);min-width:0;overflow:clip}.dsd-code__bar{justify-content:space-between;align-items:center;gap:var(--p-space-3);min-height:var(--ds-ctl-s);padding:0 var(--p-space-1) 0 var(--p-space-4);border-bottom:1px solid var(--ds-card-line);background:var(--ds-card-2);display:flex}.dsd-code__k{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:var(--ds-ink-room);margin-block:calc(-1 * var(--ds-ink-room));font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3);overflow:hidden}.dsd-copy{align-items:center;gap:var(--p-space-2);height:32px;padding-inline:var(--p-space-3);border-radius:var(--ds-r-control);cursor:pointer;font:600 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);transition:color var(--ds-dur-fast), background-color var(--ds-dur-fast);background:0 0;border:0;flex:none;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.dsd-copy:hover{color:var(--ds-fg);background-color:var(--ds-fill)}}.dsd-copy.is-done{color:var(--ds-accent)}.dsd-copy.is-done>span{visibility:hidden}.dsd-copy.is-done:after{content:attr(data-said);right:var(--p-space-3);position:absolute}.dsd-code__pre{padding:var(--p-space-4) var(--p-space-5);overscroll-behavior-x:contain;font:450 var(--ds-fs-s)/1.7 var(--ds-font-mono);color:var(--ds-fg-2);white-space:pre;tab-size:2;hanging-punctuation:none;margin:0;overflow-x:auto}.dsd-code__pre code{font:inherit}.dsd-code .t-d,.dsd-code .t-k{color:var(--ds-accent)}.dsd-code .t-k{font-weight:600}.dsd-code .t-s{color:var(--ds-fg)}.dsd-code .t-p{color:var(--ds-fg);font-weight:550}.dsd-code .t-h{color:var(--ds-fg-2)}.dsd-code .t-c{color:var(--ds-fg-3)}.dsd-stage{border:1px solid var(--ds-line);border-radius:var(--ds-r-surface);background:var(--ds-card);box-shadow:var(--ds-shadow-1);overflow:clip}.dsd-stage__bar{justify-content:space-between;align-items:center;gap:var(--p-space-2) var(--p-space-4);padding:var(--p-space-2);border-bottom:1px solid var(--ds-line);flex-wrap:wrap;display:flex}.dsd-stage__k{padding-left:var(--p-space-2);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-stage__tools{align-items:center;gap:var(--p-space-3);margin-left:auto;display:flex}.dsd-stage__w{text-align:right;min-width:6ch;font:500 var(--ds-fs-2xs)/1 var(--ds-font-mono);color:var(--ds-fg-3);font-variant-numeric:tabular-nums}.dsd-seg{border:1px solid var(--ds-card-line);border-radius:var(--ds-r-control);background:var(--ds-card-2);gap:2px;padding:3px;display:inline-flex}.dsd-seg__b{align-items:center;gap:var(--p-space-2);height:32px;padding-inline:var(--p-space-3);border-radius:var(--ds-r-control);cursor:pointer;white-space:nowrap;font:600 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);transition:color var(--ds-dur-fast), background-color var(--ds-dur-fast), box-shadow var(--ds-dur-fast);background:0 0;border:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.dsd-seg__b:hover{color:var(--ds-fg)}}.dsd-seg__b[aria-selected=true],.dsd-seg__b[aria-pressed=true]{color:var(--ds-fg);background:var(--ds-card);box-shadow:var(--ds-shadow-1), inset 0 0 0 1px var(--ds-card-line)}.dsd-seg__dot{border-radius:var(--ds-r-micro);background:var(--ds-bg);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--ds-line-strong)}.dsd-canvas{isolation:isolate;min-height:240px;padding:var(--ds-card-p-l);background-color:var(--ds-bg);color:var(--ds-fg);background-image:radial-gradient(circle at 1px 1px, var(--ds-line) 1px, transparent 1.2px);background-size:var(--p-space-5) var(--p-space-5);position:relative;container-type:inline-size}.dsd-canvas:focus-visible{outline-offset:-3px}.dsd-canvas--flush{background-image:none;padding:0}.dsd-canvas__fit{max-width:var(--dsd-fit,none);margin-inline:auto;container-type:inline-size}.dsd-stage[data-fitted] .dsd-canvas{background-color:var(--ds-canvas)}.dsd-stage[data-fitted] .dsd-canvas:not(.dsd-canvas--flush) .dsd-canvas__fit{padding:var(--ds-card-p);background:var(--ds-bg);box-shadow:0 0 0 1px var(--ds-line), var(--ds-shadow-2)}.dsd-stage[data-fitted] .dsd-canvas--flush{padding-block:var(--p-space-6)}.dsd-stage[data-fitted] .dsd-canvas--flush .dsd-canvas__fit{box-shadow:0 0 0 1px var(--ds-line), var(--ds-shadow-2)}.dsd-stage__note{margin:var(--p-space-3) 0 0;font:var(--ds-font-body-s);color:var(--ds-fg-3)}.dsd-props{border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);overscroll-behavior-x:contain;overflow-x:auto;container-type:inline-size}.dsd-props table{border-collapse:collapse;width:100%;font:var(--ds-font-body-s);color:var(--ds-fg-2)}.dsd-props thead th{padding:var(--p-space-3) var(--p-space-4);border-bottom:1px solid var(--ds-line);background:var(--ds-card-2);text-align:left;font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3);white-space:nowrap}.dsd-props tbody :is(th,td){padding:var(--p-space-3) var(--p-space-4);border-bottom:1px solid var(--ds-line-soft);text-align:left;vertical-align:top}.dsd-props tbody tr:last-child :is(th,td){border-bottom:0}.dsd-props tbody th{white-space:nowrap;font-weight:450}.dsd-props tbody th code{font:550 var(--ds-fs-s)/1.5 var(--ds-font-mono);color:var(--ds-fg)}.dsd-props td[data-l=Type]{font:450 var(--ds-fs-s)/1.5 var(--ds-font-mono);color:var(--ds-fg-3);white-space:nowrap}.dsd-props td[data-l=Default]{white-space:nowrap}.dsd-props td code{font:450 var(--ds-fs-s)/1.5 var(--ds-font-mono);color:var(--ds-fg-2)}.dsd-props td:last-child{min-width:260px;color:var(--ds-fg-2)}.dsd-req{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-accent)}@container (width<640px){.dsd-props thead{display:none}.dsd-props :is(tbody,tr){display:block}.dsd-props tr{padding:var(--p-space-3) var(--p-space-4);border-bottom:1px solid var(--ds-line-soft)}.dsd-props tr:last-child{border-bottom:0}.dsd-props tbody :is(th,td){border:0;padding:0;display:inline}.dsd-props td[data-l]:not([data-l=""]):before{content:"  ·  ";color:var(--ds-fg-3);white-space:pre}.dsd-props td:last-child{min-width:0;margin-top:var(--p-space-1);display:block}}.dsd-props__m{align-items:baseline;gap:var(--p-space-1) var(--p-space-3);margin:var(--p-space-10) 0 var(--p-space-3);font:var(--ds-font-title);color:var(--ds-fg);flex-wrap:wrap;display:flex}.dsd-props__m:first-child{margin-top:0}.dsd-props__m code{font:600 var(--ds-fs-m)/1.3 var(--ds-font-mono)}.dsd-props__m span{font:var(--ds-font-body-s);color:var(--ds-fg-3)}.dsd-notes{gap:var(--p-space-1);margin-top:var(--p-space-4);max-inline-size:var(--ds-measure-prose);display:grid}.dsd-notes p{font:var(--ds-font-body-s);color:var(--ds-fg-2);margin:0}.dsd-src{margin-top:var(--p-space-4)}.dsd-src>summary{align-items:center;gap:var(--p-space-2);min-height:var(--ds-tap);cursor:pointer;font:600 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);list-style:none;display:inline-flex}.dsd-src>summary::-webkit-details-marker{display:none}.dsd-src[open]>summary{color:var(--ds-fg)}@media (hover:hover) and (pointer:fine){.dsd-src>summary:hover{color:var(--ds-fg)}}.dsd-src>.dsd-code{margin-top:var(--p-space-2)}.dsd-behs{gap:var(--ds-grid-gap);display:grid}.dsd-beh{border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);overflow:clip}.dsd-beh__h{justify-content:space-between;align-items:baseline;gap:var(--p-space-1) var(--p-space-4);padding:var(--p-space-3) var(--p-space-4);border-bottom:1px solid var(--ds-card-line);background:var(--ds-card-2);flex-wrap:wrap;display:flex}.dsd-beh__h code{font:600 var(--ds-fs-s)/1.4 var(--ds-font-mono);color:var(--ds-accent)}.dsd-beh__h span{font:450 var(--ds-fs-2xs)/1.4 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-beh__doc{padding:var(--p-space-4);font:450 var(--ds-fs-s)/1.7 var(--ds-font-mono);color:var(--ds-fg-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.dsd-pn{gap:var(--ds-grid-gap);margin-top:var(--dsd-gap);padding-top:var(--p-space-8);border-top:1px solid var(--ds-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dsd-pn__a{gap:var(--p-space-2);min-width:0;padding:var(--ds-card-p);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);color:var(--ds-fg);transition:border-color var(--ds-dur-fast), box-shadow var(--ds-dur) var(--ds-ease), transform var(--ds-dur) var(--ds-ease);text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.dsd-pn__a:hover{border-color:var(--ds-line-strong);box-shadow:var(--ds-shadow-1);transform:translateY(var(--ds-lift))}}.dsd-pn__a--next{text-align:right;justify-items:end}.dsd-pn__k{align-items:center;gap:var(--p-space-2);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3);display:inline-flex}.dsd-pn__t{font:650 var(--ds-fs-xl)/1.3 var(--ds-font-sans);letter-spacing:-.01em}.dsd-jump{gap:var(--p-space-2);flex-wrap:wrap;display:flex}.dsd-jump>a{align-items:center;gap:var(--p-space-2);height:34px;padding-inline:var(--p-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-r-pill);background:var(--ds-card);font:600 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);transition:color var(--ds-dur-fast), border-color var(--ds-dur-fast);text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.dsd-jump>a:hover{color:var(--ds-fg);border-color:var(--ds-line-strong)}}.dsd-jump>a>span{font:500 var(--ds-fs-3xs)/1 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-group{margin-top:var(--dsd-gap);scroll-margin-top:calc(var(--dsd-bar-h) + var(--p-space-6))}.dsd-group:first-of-type{margin-top:var(--p-space-12)}.dsd-group__head{justify-content:space-between;align-items:baseline;gap:var(--p-space-2) var(--p-space-6);margin-bottom:var(--p-space-5);padding-bottom:var(--p-space-4);border-bottom:1px solid var(--ds-line);flex-wrap:wrap;display:flex}.dsd-group__title{align-items:baseline;gap:var(--p-space-3);font:var(--ds-display-wt) var(--ds-display-s)/1.15 var(--ds-font-sans);letter-spacing:-.025em;color:var(--ds-fg);margin:0;display:flex}.dsd-group__sub{font:var(--ds-font-body-s);color:var(--ds-fg-3);margin:0}.dsd-cards{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin:0;padding:0;list-style:none;display:grid}.dsd-card__a{border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);height:100%;color:var(--ds-fg);transition:transform var(--ds-dur) var(--ds-ease), box-shadow var(--ds-dur) var(--ds-ease), border-color var(--ds-dur-fast);flex-direction:column;text-decoration:none;display:flex;overflow:clip}@media (hover:hover) and (pointer:fine){.dsd-card__a:hover{transform:translateY(var(--ds-lift));box-shadow:var(--ds-shadow-2);border-color:var(--ds-line)}}.dsd-card__thumb{aspect-ratio:16/10;border-bottom:1px solid var(--ds-card-line);background:var(--ds-canvas);display:block;position:relative}.dsd-card__thumb>img{width:100%;height:100%;display:block}.dsd-card__thumb--none{background-image:radial-gradient(circle at 1px 1px, var(--ds-line) 1px, transparent 1.2px);background-size:var(--p-space-4) var(--p-space-4);place-items:center;display:grid}.dsd-card__mono{font:var(--ds-display-wt) var(--ds-display-l)/1 var(--ds-font-sans);letter-spacing:-.04em;color:var(--ds-fg-3)}.dsd-card__body{gap:var(--p-space-1);padding:var(--p-space-4) var(--p-space-4) var(--p-space-5);display:grid}.dsd-card__title{font:650 var(--ds-fs-l)/1.3 var(--ds-font-sans);letter-spacing:-.01em}.dsd-card__desc{-webkit-line-clamp:2;font:var(--ds-font-body-s);color:var(--ds-fg-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dsd-hero{container:dsd-hero/inline-size}.dsd-hero__title{font:var(--ds-font-display-xl);letter-spacing:var(--ds-display-xl-ls);color:var(--ds-fg);text-wrap:balance;margin:0}.dsd-hero__title em{color:var(--ds-em);font-style:normal}.dsd-hero__lead{margin:var(--ds-sub-gap) 0 0;max-inline-size:var(--ds-measure);font:var(--ds-font-body-l);color:var(--ds-fg-2)}.dsd-hero__cta{gap:var(--p-space-3);margin-top:var(--p-space-8);flex-wrap:wrap;display:flex}.dsd-board{isolation:isolate;gap:var(--ds-grid-gap);margin-top:var(--ds-head-gap);padding:var(--ds-grid-gap);border-radius:var(--ds-r-surface);background:radial-gradient(120% 80% at 70% 0%, color-mix(in srgb, var(--ds-accent) 16%, transparent), transparent 60%), var(--ds-bg);box-shadow:var(--ds-shadow-3);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"head head head stat stat type""head head head cap cap cap""chips chips love love surf surf";display:grid;position:relative}.dsd-board:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--ds-section-grain);background-size:var(--ds-section-grain-size);opacity:var(--ds-section-grain-opacity);position:absolute;inset:0}.dsd-board__t{justify-content:space-between;gap:var(--p-space-5);min-width:0;padding:var(--ds-card-p);border-radius:var(--ds-r-surface);background-color:var(--ds-bg);color:var(--ds-fg);box-shadow:inset 0 0 0 1px var(--ds-line-soft), var(--ds-shadow-1);flex-direction:column;display:flex;position:relative;container-type:inline-size}.dsd-board__t:not([data-surface]){background:var(--ds-card);box-shadow:inset 0 0 0 1px var(--ds-card-line), var(--ds-inset-top)}.dsd-board__t--head{padding:var(--ds-card-p-l);grid-area:head;justify-content:flex-end}.dsd-board__t--stat{align-content:space-between;column-gap:var(--p-space-4);grid-area:stat;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dsd-board__t--stat .dsd-board__k{grid-column:1/-1}.dsd-board__t--type{grid-area:type}.dsd-board__t--cap{grid-area:cap}.dsd-board__t--chips{grid-area:chips}.dsd-board__t--love{grid-area:love;justify-content:center}.dsd-board__t--surf{grid-area:surf}.dsd-board__k{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-board__aa{font:var(--ds-display-wt) var(--ds-display-ml)/1 var(--ds-font-sans);letter-spacing:-.04em}.dsd-board__fam{font:600 var(--ds-fs-s)/1.4 var(--ds-font-sans);color:var(--ds-fg-2)}.dsd-board__mono{font-family:var(--ds-font-mono);color:var(--ds-fg-3);font-weight:450}.dsd-board__sw{gap:var(--p-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dsd-board__sw>span{height:56px;padding:var(--p-space-2);border-radius:var(--ds-r-nested);background:var(--ds-bg);box-shadow:inset 0 0 0 1px var(--ds-line);align-items:flex-end;display:flex}.dsd-board__sw i{font:500 var(--ds-fs-3xs)/1 var(--ds-font-mono);color:var(--ds-fg-2);font-style:normal}@container dsd-hero (width<860px){.dsd-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"head head""stat type""cap cap""chips chips""love surf"}}@container dsd-hero (width<520px){.dsd-board{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stat""cap""chips""love""surf"}.dsd-board__t--type{display:none}}.dsd-counts{margin-top:var(--dsd-gap);padding-block:var(--p-space-8);border-block:1px solid var(--ds-line);container-type:inline-size}.dsd-counts__g{gap:var(--p-space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dsd-counts__g>*+*{padding-left:var(--p-space-6);border-left:1px solid var(--ds-line)}.dsd-counts__note{margin:var(--p-space-5) 0 0;font:var(--ds-font-body-s);color:var(--ds-fg-3)}@container (width<640px){.dsd-counts__g{row-gap:var(--p-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.dsd-counts__g>:nth-child(3n+1){border-left:0;padding-left:0}}.dsd-page--ds-overview .dsd-sec__title{font:var(--ds-font-display-m);letter-spacing:var(--ds-display-m-ls)}.dsd-page--ds-overview .dsd-sec__head{margin-bottom:var(--p-space-8)}.dsd-principles{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.dsd-flow{gap:var(--ds-grid-gap);counter-reset:none;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.dsd-flow__s{gap:var(--p-space-2);flex-direction:column;min-width:0;display:flex;position:relative}.dsd-flow__s+.dsd-flow__s:before{content:"";z-index:1;top:calc(var(--dsd-art-h) / 2 - 5px);left:calc(var(--ds-grid-gap) / -2 - 5px);border-top:1.5px solid var(--ds-fg-3);border-right:1.5px solid var(--ds-fg-3);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.dsd-flow{--dsd-art-h:128px}.dsd-flow__art{height:var(--dsd-art-h);margin-bottom:var(--p-space-3);padding:var(--p-space-4);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);place-items:center;display:grid;overflow:clip}.dsd-flow__n{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);color:var(--ds-accent)}.dsd-flow__t{font:650 var(--ds-fs-xl)/1.25 var(--ds-font-sans);letter-spacing:-.01em;color:var(--ds-fg);margin:0}.dsd-flow__d{font:var(--ds-font-body-s);color:var(--ds-fg-2);margin:0}.dsd-flow__a{padding-top:var(--p-space-2);font:600 var(--ds-fs-s)/1.4 var(--ds-font-sans);color:var(--ds-accent);margin-top:auto;text-decoration:none}.dsd-flow__a:after{content:" →"}@media (hover:hover) and (pointer:fine){.dsd-flow__a:hover{text-underline-offset:.2em;text-decoration:underline}}.dsd-flow__art--tokens{gap:var(--p-space-3)}.dsd-flow__sw{gap:var(--p-space-1);display:flex}.dsd-flow__sw>i{border-radius:var(--ds-r-micro);background:var(--ds-bg);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--ds-line-strong)}.dsd-flow__aa{align-items:baseline;gap:var(--p-space-2);color:var(--ds-fg);display:flex}.dsd-flow__aa>b{font:var(--ds-display-wt) var(--ds-fs-sm)/1 var(--ds-font-sans)}.dsd-flow__aa>b+b{font-size:var(--ds-fs-2xl)}.dsd-flow__aa>b+b+b{font-size:var(--ds-display-s)}.dsd-flow__art--layout{gap:var(--p-space-1);grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;place-items:stretch stretch}.dsd-flow__art--layout>i{border:1px dashed var(--ds-line-strong);border-radius:var(--ds-r-micro);height:18px}.dsd-flow__art--layout>i:first-child,.dsd-flow__art--layout>i:last-child{grid-column:1/-1}.dsd-flow__art--layout>i:nth-child(n+2):nth-child(-n+4){height:30px}.dsd-flow__art--parts{gap:var(--p-space-2);align-content:center}.dsd-flow__art--pattern{justify-content:center;align-items:flex-start;gap:var(--p-space-1);place-items:initial;flex-direction:column;display:flex}.dsd-flow__art--pattern>b{border-radius:var(--ds-r-micro);background:var(--ds-fg);height:6px;display:block}.dsd-flow__art--pattern>b:first-child{background:var(--ds-accent);width:28%;height:4px}.dsd-flow__art--pattern>b:nth-child(2){width:80%;height:9px}.dsd-flow__art--pattern>b:nth-child(3){background:var(--ds-line-strong);width:56%;margin-bottom:var(--p-space-2)}.dsd-flow__art--pattern>span{gap:var(--p-space-1);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.dsd-flow__art--pattern>span>i{border-radius:var(--ds-r-micro);background:var(--ds-card-2);height:30px;box-shadow:inset 0 0 0 1px var(--ds-card-line)}.dsd-flow__art--page{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.dsd-flow__art--page>i{background:var(--ds-bg);width:62%;height:17px;box-shadow:inset 1px 0 0 var(--ds-line), inset -1px 0 0 var(--ds-line)}.dsd-flow__art--page>i:first-child{border-radius:var(--ds-r-micro) var(--ds-r-micro) 0 0;box-shadow:inset 0 0 0 1px var(--ds-line)}.dsd-flow__art--page>i:last-child{border-radius:0 0 var(--ds-r-micro) var(--ds-r-micro)}@container (width<820px){.dsd-flow{row-gap:var(--p-space-8);grid-template-columns:repeat(2,minmax(0,1fr))}.dsd-flow__s+.dsd-flow__s:before{display:none}}@container (width<560px){.dsd-flow{--dsd-art-h:96px;row-gap:var(--p-space-6);grid-template-columns:minmax(0,1fr)}.dsd-flow__s{align-content:start;column-gap:var(--p-space-4);row-gap:var(--p-space-1);grid-template-columns:112px minmax(0,1fr);display:grid}.dsd-flow__art{padding:var(--p-space-2);grid-row:1/5;margin:0}.dsd-flow__art--parts{transform-origin:50%;transform:scale(.72)}.dsd-flow__a{padding-top:0}}.dsd-doors{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.dsd-door{align-content:start;gap:var(--p-space-2);height:100%;padding:var(--ds-card-p);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);color:var(--ds-fg);transition:transform var(--ds-dur) var(--ds-ease), box-shadow var(--ds-dur) var(--ds-ease), border-color var(--ds-dur-fast);text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.dsd-door:hover{transform:translateY(var(--ds-lift));box-shadow:var(--ds-shadow-2);border-color:var(--ds-line)}}.dsd-door__n{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-door__t{align-items:center;gap:var(--p-space-2);font:650 var(--ds-fs-2xl)/1.25 var(--ds-font-sans);letter-spacing:-.015em;display:flex}.dsd-door__t svg{color:var(--ds-accent);transition:transform var(--ds-dur) var(--ds-ease)}@media (hover:hover) and (pointer:fine){.dsd-door:hover .dsd-door__t svg{transform:translate(3px)}}.dsd-door__d{font:var(--ds-font-body-s);color:var(--ds-fg-2)}.dsd-steps{gap:var(--p-space-10);margin:0;padding:0;list-style:none;display:grid}.dsd-steps__s{align-content:start;gap:var(--p-space-2) var(--p-space-10);grid-template:"t code""d code"1fr/minmax(0,1fr) minmax(0,1.7fr);display:grid}.dsd-steps__t{align-items:center;gap:var(--p-space-3);font:650 var(--ds-fs-xl)/1.3 var(--ds-font-sans);letter-spacing:-.01em;color:var(--ds-fg);grid-area:t;margin:0;display:flex}.dsd-steps__t>span{border-radius:var(--ds-r-round);background:var(--ds-solid);width:28px;height:28px;color:var(--ds-solid-fg);font:600 var(--ds-fs-s)/1 var(--ds-font-mono);flex:none;place-items:center;display:grid}.dsd-steps__d{padding-left:calc(28px + var(--p-space-3));font:var(--ds-font-body-s);color:var(--ds-fg-2);grid-area:d;margin:0}.dsd-steps__s>.dsd-code{grid-area:code;align-self:start}.dsd-steps .dsd-code__pre{white-space:pre;overflow-x:auto}.dsd-tree-file{margin-top:var(--p-space-10)}@container (width<760px){.dsd-steps__s{grid-template-columns:minmax(0,1fr);grid-template-areas:"t""d""code"}.dsd-steps__s>.dsd-code{margin-top:var(--p-space-2)}}.dsd-read{gap:var(--p-space-16);grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"body rail";align-items:start;display:grid}.dsd-read__rail{top:calc(var(--dsd-bar-h) + var(--p-space-6));grid-area:rail;position:sticky}.dsd-read__rail .ds-toc{max-height:calc(100svh - var(--dsd-bar-h) - var(--p-space-12));position:static}.dsd-read__body{grid-area:body;min-width:0}.dsd-read__body.ds-prose{max-width:var(--ds-measure-prose);font-size:var(--ds-fs-l)}.dsd-read__body>.dsd-sec:first-child,.dsd-read__body.ds-prose>:first-child{margin-top:0}@media (width<=1279px){.dsd-read{gap:var(--p-space-6);grid-template-columns:minmax(0,1fr);grid-template-areas:"rail""body"}.dsd-read__rail{padding:0 var(--p-space-4);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);position:static}.dsd-read__rail .ds-toc{max-height:none}.dsd-read__rail .ds-toc ol{margin-bottom:var(--p-space-4)}}.dsd-log{margin:0;padding:0;list-style:none}.dsd-log__e{gap:var(--p-space-2) var(--p-space-8);padding-block:var(--p-space-8);border-top:1px solid var(--ds-line);grid-template-columns:140px minmax(0,1fr);display:grid}.dsd-log__when{padding-top:var(--p-space-1);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-log__t{margin:0 0 var(--p-space-3);font:650 var(--ds-fs-2xl)/1.3 var(--ds-font-sans);letter-spacing:-.015em;color:var(--ds-fg)}.dsd-log__prose{max-width:var(--ds-measure-prose);font-size:var(--ds-fs-m)}.dsd-log__prose ul{padding-left:1.1em}@media (width<=599px){.dsd-log__e{grid-template-columns:minmax(0,1fr)}}.dsd-surfs{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));display:grid}.dsd-surf{min-width:0;padding:var(--ds-card-p);border-radius:var(--ds-r-surface);background:var(--ds-bg);color:var(--ds-fg);box-shadow:inset 0 0 0 1px var(--ds-line), var(--ds-shadow-1)}.dsd-surf__h{align-items:center;gap:var(--p-space-1) var(--p-space-4);margin-bottom:var(--p-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.dsd-surf__aa{font:var(--ds-display-wt) var(--ds-display-m)/1 var(--ds-font-sans);letter-spacing:-.04em;grid-row:span 2}.dsd-surf__t{font:650 var(--ds-fs-l)/1.2 var(--ds-font-sans);margin:0}.dsd-surf__d{font:var(--ds-font-body-s);color:var(--ds-fg-3);margin:2px 0 0}.dsd-surf__attr{font:450 var(--ds-fs-2xs)/1.3 var(--ds-font-mono);color:var(--ds-accent);grid-column:2}.dsd-roles{margin:0;padding:0;list-style:none;display:grid}.dsd-roles>li{align-items:center;gap:var(--p-space-3);border-top:1px solid var(--ds-line-soft);min-height:32px;font:var(--ds-font-body-s);grid-template-columns:18px auto minmax(0,1fr) auto;display:grid}.dsd-roles__sw{border-radius:var(--ds-r-micro);background:var(--c);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--ds-line-strong)}.dsd-roles code,.dsd-chips code,.dsd-radii code,.dsd-ctl code,.dsd-shadows code,.dsd-space code,.dsd-eases code{font:450 var(--ds-fs-s)/1.3 var(--ds-font-mono);color:var(--ds-fg)}.dsd-roles__n{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:var(--ds-ink-room);margin-block:calc(-1 * var(--ds-ink-room));color:var(--ds-fg-3);font:var(--ds-font-body-s);font-size:var(--ds-fs-s);overflow:hidden}.dsd-live{font:500 var(--ds-fs-2xs)/1 var(--ds-font-mono);color:var(--ds-fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}.dsd-ramp{grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));margin-bottom:var(--p-space-4);gap:2px;display:grid}@container (width<720px){.dsd-ramp{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}}.dsd-ramp__s{gap:var(--p-space-1);min-width:0;display:grid}.dsd-ramp__s:before{content:"";border-radius:var(--ds-r-micro);background:var(--c);height:56px;box-shadow:inset 0 0 0 1px var(--ds-line-soft)}.dsd-ramp__k{font:600 var(--ds-fs-xs)/1.2 var(--ds-font-sans);color:var(--ds-fg)}.dsd-ramp__v{font:450 var(--ds-fs-3xs)/1.2 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-chips{gap:var(--p-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dsd-chips>li{align-items:center;gap:var(--p-space-2);min-height:36px;padding:var(--p-space-1) var(--p-space-3);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-nested);background:var(--ds-card);display:inline-flex}.dsd-chips .dsd-roles__n{white-space:normal;overflow:visible}.dsd-fams{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.dsd-fam{align-items:center;gap:var(--p-space-6);padding:var(--ds-card-p-l);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);grid-template-columns:auto minmax(0,1fr);display:grid}.dsd-fam__aa{font:var(--ds-display-wt) var(--ds-display-2xl)/.9 var(--ds-font-sans);letter-spacing:-.05em;color:var(--ds-fg)}.dsd-fam--mono .dsd-fam__aa{font-family:var(--ds-font-mono);letter-spacing:-.04em;font-weight:500}.dsd-fam__t{font:var(--ds-font-title);color:var(--ds-fg);margin:0}.dsd-fam__d{margin:var(--p-space-1) 0 var(--p-space-2);font:var(--ds-font-body-s);color:var(--ds-fg-2)}.dsd-fam__v{font:450 var(--ds-fs-2xs)/1 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-weights{gap:var(--p-space-2);margin:var(--ds-grid-gap) 0 0;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));padding:0;list-style:none;display:grid}.dsd-weights>li{gap:var(--p-space-1);padding:var(--p-space-3) var(--p-space-4);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-nested);background:var(--ds-card);font:450 var(--ds-fs-2xs)/1.3 var(--ds-font-mono);color:var(--ds-fg-3);display:grid}.dsd-weights__s{font:var(--w) var(--ds-fs-3xl)/1.1 var(--ds-font-sans);color:var(--ds-fg)}.dsd-weights code{color:var(--ds-fg)}.dsd-scale,.dsd-tokrows{border-top:1px solid var(--ds-line);container-type:inline-size}.dsd-scale__head,.dsd-scale__r{align-items:center;gap:var(--p-space-4);grid-template-columns:190px minmax(0,1fr) 96px 64px 64px;display:grid}.dsd-scale__head,.dsd-tokrows__head{padding-block:var(--p-space-3);border-bottom:1px solid var(--ds-line);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-scale__head>span:nth-child(n+3),.dsd-tokrows__head>span:nth-child(n+2){text-align:right}.dsd-scale__r{padding-block:var(--p-space-3);border-bottom:1px solid var(--ds-line-soft)}.dsd-scale__k{align-self:center;gap:2px;min-width:0;display:grid}.dsd-scale__k code,.dsd-tokrows__k code{font:450 var(--ds-fs-s)/1.4 var(--ds-font-mono);color:var(--ds-fg)}.dsd-scale__k span{font:var(--ds-font-body-s);font-size:var(--ds-fs-xs);color:var(--ds-fg-3);line-height:1.35}.dsd-scale__spec{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:var(--ds-ink-room);margin-block:calc(-1 * var(--ds-ink-room));font:450 var(--t)/1.25 var(--ds-font-sans);color:var(--ds-fg);overflow:hidden}.dsd-scale__spec--display{font:var(--ds-display-wt) var(--t)/1.1 var(--ds-font-sans);letter-spacing:-.03em}.dsd-scale__v,.dsd-tokrows__v{font:450 var(--ds-fs-s)/1.4 var(--ds-font-mono);color:var(--ds-fg-2);text-align:right;font-variant-numeric:tabular-nums}.dsd-scale__r>output.dsd-scale__v{color:var(--ds-accent)}@container (width<640px){.dsd-scale__head{display:none}.dsd-scale__r{row-gap:var(--p-space-2);grid-template-columns:repeat(3,auto) minmax(0,1fr);grid-template-areas:"k k k k""spec spec spec spec""d p n."}.dsd-scale__k{grid-area:k}.dsd-scale__spec{grid-area:spec}.dsd-scale__v{text-align:left}.dsd-scale__v:before,.dsd-tokrows__v:before{content:attr(data-l) " ";color:var(--ds-fg-3)}}.dsd-ladder{border-top:1px solid var(--ds-line);margin:0;padding:0;list-style:none;display:grid}.dsd-ladder__r{justify-content:space-between;align-items:baseline;gap:var(--p-space-1) var(--p-space-6);padding-block:var(--p-space-3);border-bottom:1px solid var(--ds-line-soft);flex-wrap:wrap;display:flex}.dsd-ladder__spec{font:var(--ds-display-wt) var(--t)/1.1 var(--ds-font-sans);letter-spacing:-.02em;color:var(--ds-fg)}.dsd-ladder__r:nth-last-child(-n+3) .dsd-ladder__spec{letter-spacing:0;font-weight:500}.dsd-ladder__m{align-items:baseline;gap:var(--p-space-4);font:450 var(--ds-fs-s)/1 var(--ds-font-mono);color:var(--ds-fg-3);font-variant-numeric:tabular-nums;display:inline-flex}.dsd-ladder__m b{text-align:right;min-width:6ch;color:var(--ds-accent);font-weight:600}.dsd-troles{border-top:1px solid var(--ds-line);margin:0;padding:0;list-style:none;display:grid}.dsd-troles>li{align-items:baseline;gap:var(--p-space-4);padding-block:var(--p-space-3);border-bottom:1px solid var(--ds-line-soft);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.dsd-troles__spec{min-width:0;color:var(--ds-fg)}.dsd-troles code{font:450 var(--ds-fs-s)/1.4 var(--ds-font-mono);color:var(--ds-fg)}.dsd-troles__m{font:450 var(--ds-fs-2xs)/1.4 var(--ds-font-mono);color:var(--ds-fg-3)}@container (width<640px){.dsd-troles>li{grid-template-columns:minmax(0,1fr) auto}.dsd-troles__spec{grid-column:1/-1}.dsd-troles__m{display:none}}.dsd-space{gap:var(--p-space-1);margin:0 0 var(--p-space-8);column-gap:var(--p-space-10);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.dsd-space>li{justify-content:start;align-items:center;gap:var(--p-space-3);grid-template-columns:24px 164px auto;min-height:24px;display:grid}.dsd-space i{width:var(--w);border-radius:var(--ds-r-micro);background:color-mix(in srgb, var(--ds-accent) 70%, transparent);max-width:100%;height:12px;display:block}.dsd-space span{font:450 var(--ds-fs-xs)/1 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-tokrows__head,.dsd-tokrows__r{align-items:baseline;gap:var(--p-space-4);grid-template-columns:minmax(0,1fr) 190px 72px 72px;display:grid}.dsd-tokrows__r{padding-block:var(--p-space-3);border-bottom:1px solid var(--ds-line-soft)}.dsd-tokrows__k{gap:2px;min-width:0;display:grid}.dsd-tokrows__k span{font:var(--ds-font-body-s);font-size:var(--ds-fs-s);color:var(--ds-fg-3)}.dsd-tokrows__r>output.dsd-tokrows__v{color:var(--ds-accent)}@container (width<640px){.dsd-tokrows__head{display:none}.dsd-tokrows__r{row-gap:var(--p-space-2);grid-template-columns:repeat(3,auto) minmax(0,1fr)}.dsd-tokrows__k{grid-column:1/-1}.dsd-tokrows__v{text-align:left}}.dsd-radii,.dsd-shadows{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.dsd-radii>li,.dsd-shadows>li{gap:var(--p-space-2);font:var(--ds-font-body-s);font-size:var(--ds-fs-s);color:var(--ds-fg-3);align-content:start;display:grid}.dsd-radii i{border:1.5px solid var(--ds-fg);border-radius:var(--r);background:var(--ds-card);width:72px;height:72px;display:block}.dsd-radii i.is-wide{width:100%;height:44px;margin-block:14px}.dsd-ctl{gap:var(--p-space-3);margin:0;padding:0;list-style:none;display:grid}.dsd-ctl>li{align-items:center;gap:var(--p-space-4);font:var(--ds-font-body-s);font-size:var(--ds-fs-s);color:var(--ds-fg-3);grid-template-columns:120px auto minmax(0,1fr);display:grid}.dsd-ctl i{width:120px;height:var(--h);border-radius:var(--ds-r-control);background:var(--ds-solid);display:block}.dsd-mats{gap:var(--ds-grid-gap);margin-bottom:var(--p-space-8);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.dsd-mat{gap:var(--p-space-3);padding:var(--ds-card-p);border-radius:var(--ds-r-surface);background:var(--ds-bg);color:var(--ds-fg);box-shadow:inset 0 0 0 1px var(--ds-line);display:grid;overflow:clip}.dsd-mat__k{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-mat__p{padding:var(--p-space-4)}.dsd-mat__w{padding:var(--p-space-3)}.dsd-mat code{font:450 var(--ds-fs-s)/1.3 var(--ds-font-mono);color:var(--ds-fg)}.dsd-shadows i{border-radius:var(--ds-r-surface);background:var(--ds-card);height:88px;box-shadow:var(--s);display:block}.dsd-motion{gap:var(--p-space-8);display:grid}.dsd-play{justify-self:start;align-items:center;gap:var(--p-space-2);height:var(--ds-ctl-s);padding-inline:var(--p-space-4);border:1px solid var(--ds-line-strong);border-radius:var(--ds-r-control);background:var(--ds-card);cursor:pointer;font:var(--ds-ctl-font-s);color:var(--ds-fg);display:inline-flex}@media (hover:hover) and (pointer:fine){.dsd-play:hover{border-color:var(--ds-fg-3)}}.dsd-tokrows__r--motion{grid-template-columns:minmax(0,1fr) 64px minmax(0,1.2fr);align-items:center}.dsd-track{border-radius:var(--ds-r-pill);background:var(--ds-line-soft);height:6px;display:block;position:relative;overflow:clip}.dsd-track>i{border-radius:inherit;background:var(--ds-accent);transform-origin:0;transition:transform var(--d) var(--e);position:absolute;inset:0;transform:scaleX(0)}.dsd-motion.is-on .dsd-track>i{transform:scaleX(1)}.dsd-eases{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin:0;padding:0;list-style:none;display:grid}.dsd-eases>li{gap:var(--p-space-2);padding:var(--ds-card-p);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface);background:var(--ds-card);align-content:start;display:grid}.dsd-eases svg{width:100%;height:132px;margin-bottom:var(--p-space-2);overflow:visible}.dsd-eases__g{fill:none;stroke:var(--ds-line);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.dsd-eases__c{fill:none;stroke:var(--ds-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.dsd-eases__b{font:450 var(--ds-fs-3xs)/1.4 var(--ds-font-mono);color:var(--ds-fg-3)}.dsd-icons{padding:var(--ds-card-p);border:1px solid var(--ds-card-line);border-radius:var(--ds-r-surface)}.dsd-foot{border-top:1px solid var(--ds-line);grid-area:foot}.dsd-foot__in{align-items:baseline;gap:var(--p-space-2) var(--p-space-8);max-width:calc(var(--dsd-max) + var(--ds-gutter) * 2);padding:var(--p-space-8) var(--ds-gutter) max(var(--p-space-8), env(safe-area-inset-bottom));flex-wrap:wrap;margin-inline:auto;display:flex}.dsd-foot__brand{font:var(--ds-font-body-s);color:var(--ds-fg-3);flex:360px;margin:0}.dsd-foot__brand strong{color:var(--ds-fg);font-weight:650}.dsd-foot__meta{font:450 var(--ds-fs-2xs)/1.4 var(--ds-font-mono);color:var(--ds-fg-3);margin:0}.dsd-foot__nav{gap:var(--p-space-1) var(--p-space-5);flex-wrap:wrap;flex-basis:100%;display:flex}.dsd-foot__nav>a{font:500 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg-2);padding-block:var(--p-space-2);text-decoration:none}@media (hover:hover) and (pointer:fine){.dsd-foot__nav>a:hover{color:var(--ds-accent)}}@media (width<=1079px){.dsd{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""main""foot"}.dsd-bar{gap:var(--p-space-2);padding-left:max(var(--p-space-3), env(safe-area-inset-left))}.dsd-bar__menu{flex:none;display:inline-flex}.dsd-bar__end{min-width:0}.dsd-bar__nav{display:none}.dsd-side{z-index:var(--ds-z-sheet);width:min(340px,88vw);height:auto;padding-top:0;padding-left:max(var(--p-space-5), env(safe-area-inset-left));box-shadow:var(--ds-shadow-sheet);visibility:hidden;transition:transform var(--ds-dur) var(--ds-ease), visibility 0s linear var(--ds-dur);border-right:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.dsd-side[data-open]{visibility:visible;transition:transform var(--ds-dur) var(--ds-ease), visibility 0s;transform:none}.dsd-side__head{z-index:2;height:var(--dsd-bar-h);margin-inline:calc(var(--p-space-2) * -1);padding-inline:var(--p-space-2);background:var(--ds-bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dsd-side__title{font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-side__close{width:var(--ds-tap);height:var(--ds-tap);color:var(--ds-fg);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.dsd-find{margin:0 calc(var(--p-space-2) * -1) var(--p-space-2);padding-top:0;position:relative;top:auto}.dsd-find__i{top:calc((var(--ds-ctl-s) - var(--ds-icon-s)) / 2)}.dsd-find__k{display:none}.dsd-find__in{height:var(--ds-tap)}.dsd-tree li>a{min-height:var(--ds-tap)}.dsd-scrim{z-index:calc(var(--ds-z-sheet) - 1);opacity:0;pointer-events:none;transition:opacity var(--ds-dur) var(--ds-ease);background:#0c0e1166;border:0;padding:0;display:block;position:fixed;inset:0}.dsd-scrim[data-open]{opacity:1;pointer-events:auto}}@media (width<=599px){.dsd-bar__theme>span,.dsd-brand__sys{display:none}.dsd-bar__theme{width:var(--ds-tap);height:var(--ds-tap);justify-content:center;padding:0}.dsd-bar__live{height:var(--ds-tap)}.dsd-pn{grid-template-columns:minmax(0,1fr)}.dsd-stage__k,.dsd-stage__tools{display:none}}@media (pointer:coarse){.dsd-seg__b,.dsd-copy{min-height:var(--ds-tap)}}.dsd-mode{border:1px dashed var(--ds-line-strong);border-radius:var(--ds-r-control);padding:2px;display:inline-flex}.dsd-mode>a{height:calc(var(--ds-ctl-s) - 6px);padding-inline:var(--p-space-2);font:600 var(--ds-fs-xs)/1 var(--ds-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ds-fg-3);align-items:center;text-decoration:none;display:inline-flex}.dsd-mode>a[aria-current]{color:var(--ds-fg);background:var(--ds-card);box-shadow:inset 0 0 0 1px var(--ds-line)}@media (width<=599px){.dsd-mode{display:none}}.dsd-int{margin:0 0 var(--p-space-4);padding:var(--p-space-2) var(--p-space-3);border-left:2px solid var(--ds-warn);background:var(--ds-card-2);font:var(--ds-font-body-s);color:var(--ds-fg-2)}.dsd-seen,.dsd-prin__see{align-items:center;gap:var(--p-space-2) var(--p-space-2);flex-wrap:wrap;margin:0;display:flex}.dsd-seen__k{margin-right:var(--p-space-2);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3)}.dsd-seen__a{align-items:center;gap:var(--p-space-1);min-height:32px;padding:0 var(--p-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-r-pill);background:var(--ds-card);font:500 var(--ds-fs-s)/1 var(--ds-font-sans);color:var(--ds-fg);transition:border-color var(--ds-dur-fast), background-color var(--ds-dur-fast);text-decoration:none;display:inline-flex}.dsd-seen__a svg{color:var(--ds-fg-3);transition:transform var(--ds-dur) var(--ds-ease), color var(--ds-dur-fast)}@media (hover:hover) and (pointer:fine){.dsd-seen__a:hover{border-color:var(--ds-line-strong)}.dsd-seen__a:hover svg{color:var(--ds-accent);transform:translate(1px,-1px)}}@media (pointer:coarse){.dsd-seen__a{min-height:var(--ds-tap)}}.dsd-nm,:is(.dsd-scale__k,.dsd-tokrows__k)>.dsd-nm{font:600 var(--ds-fs-s)/1.3 var(--ds-font-sans);color:var(--ds-fg)}.dsd-counts__g--4{grid-template-columns:repeat(4,minmax(0,1fr))}@container (width<640px){.dsd-counts__g.dsd-counts__g--4{grid-template-columns:repeat(2,minmax(0,1fr))}.dsd-counts__g--4>:nth-child(3n+1){padding-left:var(--p-space-6);border-left:1px solid var(--ds-line)}.dsd-counts__g--4>:nth-child(odd){border-left:0;padding-left:0}}.dsd-card__desc--full{-webkit-line-clamp:none;display:block;overflow:visible}.dsd-doors--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}.dsd-prin{border-top:1px solid var(--ds-line);margin:0;padding:0;list-style:none}.dsd-prin__r{gap:var(--p-space-5) var(--ds-split-gap);padding-block:var(--p-space-10);border-bottom:1px solid var(--ds-line);scroll-margin-top:calc(var(--dsd-bar-h) + var(--p-space-6));grid-template-columns:minmax(0,1fr);display:grid}@container (width>=760px){.dsd-prin__r{grid-template-columns:180px minmax(0,1fr)}}.dsd-prin{container-type:inline-size}.dsd-prin__h{align-items:center;gap:var(--p-space-4);align-self:start;display:flex}.dsd-prin__n{font:500 var(--ds-fs-sm)/1 var(--ds-font-mono);letter-spacing:.04em;color:var(--ds-fg-3);font-variant-numeric:tabular-nums}.dsd-prin__t{font:var(--ds-display-wt) var(--ds-display-s)/1.15 var(--ds-font-sans);letter-spacing:-.025em;color:var(--ds-fg);text-wrap:balance;margin:0}.dsd-prin__l{margin:var(--ds-sub-gap) 0 0;font:var(--ds-font-body-l);color:var(--ds-fg);text-wrap:pretty}.dsd-prin__d{margin:var(--p-space-3) 0 0;max-inline-size:var(--ds-measure-prose);font:var(--ds-font-body);color:var(--ds-fg-2);text-wrap:pretty}.dsd-prin__see{margin-top:var(--p-space-5)}.dsd-prin__end{gap:var(--p-space-5);margin-top:var(--ds-section-y-tight);justify-items:start;display:grid}.dsd-prin__end .dsd-prin__d{color:var(--ds-fg);margin:0}}@layer layout{.dsd-row{gap:var(--p-space-4) var(--p-space-5);flex-wrap:wrap;align-items:center;display:flex}.dsd-row+.dsd-row,.dsd-block+.dsd-row,.dsd-grid+.dsd-row,.dsd-canvas .dsd-block:not(:first-child){margin-top:var(--p-space-8)}.dsd-k{width:100%;margin-bottom:calc(var(--p-space-1) * -1);font:var(--ds-font-label);letter-spacing:var(--ds-label-ls);text-transform:uppercase;color:var(--ds-fg-3);display:block}.dsd-grid{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.dsd-pattern{margin-inline:0}.dsd-row+.dsd-grid,.dsd-row+.ds-cover-grid{margin-top:var(--p-space-4)}.dsd-block>.dsd-k{margin-bottom:var(--p-space-3)}}