.ds[data-v-ddfe8fa9]{flex-direction:column;gap:3.5rem;max-width:72rem;margin:0 auto;padding:3rem 1.25rem 6rem;display:flex}.ds-hero[data-v-ddfe8fa9]{flex-direction:column;gap:.75rem;display:flex}.ds-title[data-v-ddfe8fa9]{font-family:var(--title-font-family);text-transform:uppercase;color:var(--ui-text-highlighted);font-size:clamp(2rem,6vw,3.25rem);line-height:1}.ds-lede[data-v-ddfe8fa9]{max-width:46rem;color:var(--ui-text-muted);line-height:1.6}.ds-alarm[data-v-ddfe8fa9],.ds-allclear[data-v-ddfe8fa9]{border-radius:10px;align-items:flex-start;gap:.5rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.5;display:flex}.ds-alarm code[data-v-ddfe8fa9],.ds-allclear code[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace)}.ds-alarm[data-v-ddfe8fa9]{background-color:color-mix(in oklab, var(--ui-error) 12%, var(--ui-bg-elevated));border:1px solid color-mix(in oklab, var(--ui-error) 45%, transparent);color:var(--ui-text)}.ds-allclear[data-v-ddfe8fa9]{color:var(--ui-success);align-items:center;padding-left:0}.ds-section[data-v-ddfe8fa9]{flex-direction:column;gap:.5rem;display:flex}.ds-h2[data-v-ddfe8fa9]{font-family:var(--title-font-family);text-transform:uppercase;color:var(--ui-text-highlighted);font-size:1.375rem}.ds-blurb[data-v-ddfe8fa9]{max-width:46rem;color:var(--ui-text-muted);margin-bottom:.75rem;font-size:.9375rem;line-height:1.6}.ds-blurb code[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ui-text);font-size:.8125rem}.ds-sub[data-v-ddfe8fa9]{text-transform:uppercase;letter-spacing:.06em;color:var(--ui-text-dimmed);margin-top:1.25rem;margin-bottom:.5rem;font-size:.75rem}.ds-swatches[data-v-ddfe8fa9]{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.625rem;display:grid}.ds-swatch[data-v-ddfe8fa9]{background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out-quart), background-color var(--motion-fast) var(--ease-out-quart);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex;position:relative}.ds-swatch[data-v-ddfe8fa9]:hover{border-color:var(--ui-border-accented);background-color:var(--ui-bg-elevated-hover)}.ds-swatch--flagged[data-v-ddfe8fa9]{border-color:color-mix(in oklab, var(--ui-error) 60%, transparent)}.ds-chip[data-v-ddfe8fa9]{background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:8px;flex-shrink:0;width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 1px #ffffff1a}.ds-chip--text[data-v-ddfe8fa9]{background:var(--ui-bg);font-family:var(--title-font-family);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.ds-swatch-body[data-v-ddfe8fa9]{flex-direction:column;gap:.125rem;min-width:0;display:flex}.ds-swatch-token[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ui-text);overflow-wrap:anywhere;font-size:.8125rem}.ds-swatch-hex[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ui-text-muted);align-items:baseline;gap:.5rem;font-size:.75rem;display:flex}.ds-swatch-hsl[data-v-ddfe8fa9]{color:var(--ui-text-dimmed);font-size:.6875rem}.ds-swatch-use[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ui-primary);margin-top:.25rem;font-size:.6875rem}.ds-swatch-note[data-v-ddfe8fa9]{color:var(--ui-text-dimmed);font-size:.75rem;line-height:1.45}.ds-swatch-note code[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace)}.ds-copied[data-v-ddfe8fa9]{color:var(--ui-success);font-size:.6875rem;position:absolute;top:.5rem;right:.5rem}.ds-type-card[data-v-ddfe8fa9]{background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:.625rem;padding:1.25rem;display:flex}.ds-type-card code[data-v-ddfe8fa9]{font-family:var(--font-mono,ui-monospace, monospace);font-size:.75rem}.ds-type-label[data-v-ddfe8fa9]{text-transform:uppercase;letter-spacing:.06em;color:var(--ui-text-dimmed);font-size:.6875rem}.ds-type-display[data-v-ddfe8fa9]{font-family:var(--title-font-family);color:var(--ui-text-highlighted);font-size:clamp(2.5rem,8vw,4.5rem);line-height:1}.ds-motion[data-v-ddfe8fa9]{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.ds-motion-row[data-v-ddfe8fa9]{align-items:center;gap:.75rem;width:100%;max-width:34rem;display:flex}.ds-motion-name[data-v-ddfe8fa9]{width:8.5rem;font-family:var(--font-mono,ui-monospace, monospace);color:var(--ui-text-muted);flex-shrink:0;font-size:.75rem}.ds-motion-track[data-v-ddfe8fa9]{background-color:var(--ui-bg-muted);border:1px solid var(--ui-border);border-radius:9999px;flex:1;align-items:center;height:1.5rem;padding:0 .25rem;display:flex}.ds-motion-dot[data-v-ddfe8fa9]{background:var(--ui-primary);width:1rem;height:1rem;transition-property:transform;transition-timing-function:var(--ease-out-quart);border-radius:9999px}.ds-matrix[data-v-ddfe8fa9]{grid-template-columns:5.5rem repeat(6,minmax(0,1fr));align-items:center;gap:.375rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.ds-matrix--4[data-v-ddfe8fa9]{grid-template-columns:5.5rem repeat(4,minmax(0,1fr))}.ds-matrix-head[data-v-ddfe8fa9]{text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-dimmed);font-size:.6875rem}.ds-matrix-head--row[data-v-ddfe8fa9]{text-align:left}.ds-matrix-cell[data-v-ddfe8fa9]{display:flex}.ds-row[data-v-ddfe8fa9]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ds-row--controls[data-v-ddfe8fa9]{gap:1.5rem}.ds-fields[data-v-ddfe8fa9]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.875rem;display:grid}.ds-field[data-v-ddfe8fa9]{flex-direction:column;gap:.375rem;display:flex}.ds-field--wide[data-v-ddfe8fa9]{grid-column:1/-1;max-width:32rem}.ds-field-label[data-v-ddfe8fa9]{color:var(--ui-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.ds-own[data-v-ddfe8fa9]{background-color:color-mix(in oklab, var(--ui-primary) 22%, transparent);color:var(--ui-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:0 .3125rem;font-size:.625rem}.ds-toc[data-v-ddfe8fa9]{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.ds-toc-link[data-v-ddfe8fa9]{border:1px solid var(--ui-border);background-color:var(--ui-bg-elevated);color:var(--ui-text-muted);transition:color var(--motion-fast) var(--ease-out-quart), border-color var(--motion-fast) var(--ease-out-quart);border-radius:9999px;padding:.25rem .625rem;font-size:.75rem}.ds-toc-link[data-v-ddfe8fa9]:hover{color:var(--ui-primary);border-color:var(--ui-border-accented)}.ds-row--top[data-v-ddfe8fa9]{align-items:flex-start;gap:1rem}.ds-inline-card[data-v-ddfe8fa9]{background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.ds-skeletons[data-v-ddfe8fa9]{background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:12px;align-items:center;gap:.75rem;max-width:24rem;padding:.875rem;display:flex}.ds-icons[data-v-ddfe8fa9]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.875rem;display:grid}.ds-icon-set[data-v-ddfe8fa9]{background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.ds-icon[data-v-ddfe8fa9]{width:1.375rem;height:1.375rem;color:var(--ui-text-muted)}.ds-states[data-v-ddfe8fa9]{flex-direction:column;gap:.875rem;display:flex}.ds-row--radii[data-v-ddfe8fa9]{gap:.75rem;margin-bottom:.75rem}.ds-radius[data-v-ddfe8fa9],.ds-shadow[data-v-ddfe8fa9]{width:6rem;height:3.5rem;color:var(--ui-text-muted);background-color:var(--ui-bg-elevated);border:1px solid var(--ui-border);justify-content:center;align-items:center;font-size:.75rem;display:flex}.ds-shadow[data-v-ddfe8fa9]{border-radius:10px}