@layer reset,tokens,base,components,app;@layer page{.ds{background:var(--bg);min-height:100dvh}.ds-topbar{z-index:var(--z-nav);align-items:center;gap:var(--sp-5);height:52px;padding:0 var(--page-pad);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.ds-wordmark{align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);font-size:var(--fs-4);letter-spacing:var(--track-tight);white-space:nowrap;display:flex}.ds-ver{color:var(--ink-3);font-weight:var(--fw-regular);font-size:var(--fs-2);font-family:var(--mono)}.ds-anchor-nav{scrollbar-width:none;gap:2px;margin-inline:auto;display:flex;overflow-x:auto}.ds-anchor-nav::-webkit-scrollbar{display:none}.ds-anchor-nav a{color:var(--ink-2);font-size:var(--fs-3);font-weight:var(--fw-medium);border-radius:var(--r-2);white-space:nowrap;transition:color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);padding:6px 10px}.ds-anchor-nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.ds-topbar-end{align-items:center;gap:var(--sp-3);flex:none;display:flex}.ds-main{max-width:var(--content-max);padding:var(--page-pad);gap:var(--sp-10);flex-direction:column;margin:0 auto;display:flex}.ds-section{gap:var(--sp-4);flex-direction:column;scroll-margin-top:64px;display:flex}.ds-h2{font-size:var(--fs-7);font-weight:var(--fw-semibold);letter-spacing:var(--track-tight);line-height:var(--lh-tight)}.ds-lead{color:var(--ink-2);font-size:var(--fs-3);text-wrap:pretty;max-width:640px;margin-top:calc(var(--sp-2) * -1)}.ds-grid{gap:var(--sp-4);flex-direction:column;display:flex}.ds-spec{gap:var(--sp-2);flex-direction:column;display:flex}.ds-spec-label{font-size:var(--fs-2);color:var(--ink-3);font-family:var(--mono)}.ds-spec-body{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.ds-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ds-form{gap:var(--sp-4);flex-direction:column;max-width:520px;display:flex}.ds-p{font-size:var(--fs-3);color:var(--ink-2)}.ds-cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ds-ladder{max-width:560px}.ds-dotgrid{padding:var(--sp-8);border:1px solid var(--line);border-radius:var(--r-3);max-width:560px}.ds-cell-name{align-items:center;gap:var(--sp-2);min-width:0;max-width:100%;display:inline-flex}.ds-swatches{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.ds-swatch{font-size:var(--fs-1);color:var(--ink-3);font-family:var(--mono);flex-direction:column;gap:6px;display:flex}.ds-swatch-chip{border-radius:var(--r-2);border:1px solid var(--line);height:40px;display:block}.ds-swatch-tone{background:var(--t)}.ds-type{gap:var(--sp-2);flex-direction:column;display:flex}.ds-type-row{align-items:baseline;gap:var(--sp-4);line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.ds-type-row code{font-size:var(--fs-1);color:var(--ink-3);font-family:var(--mono);flex:none;width:56px}.ds-space{flex-direction:column;gap:6px;display:flex}.ds-space-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-1);font-family:var(--mono);color:var(--ink-3);display:flex}.ds-space-row code{width:56px}.ds-space-row span{background:var(--accent);border-radius:var(--r-1);height:12px;display:block}.ds-radii{gap:var(--sp-3);flex-wrap:wrap;display:flex}.ds-radius{background:var(--surface);border:1px solid var(--line-strong);width:72px;height:56px;font-size:var(--fs-1);font-family:var(--mono);color:var(--ink-3);place-items:center;display:grid}.ds-icons{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.ds-icon{padding:var(--sp-3) var(--sp-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;display:flex}.ds-icon code{font-size:var(--fs-1);font-family:var(--mono);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (max-width:767px){.ds-anchor-nav{display:none}.ds-topbar{gap:var(--sp-3);justify-content:space-between}.ds-ver{display:none}}}