.design-system .ds-subsection{margin-top:36px}.design-system .ds-eyebrow{font-family:var(--font-sans);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--color-primary-300);margin-bottom:6px}.design-system .ds-overline{font-family:var(--font-sans);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.design-system .ds-caption{font-size:var(--fs-xs);color:var(--color-text-muted)}.design-system .ds-body-muted{color:var(--color-text-muted);margin-bottom:0}.design-system .ds-group-label{font-family:var(--font-sans);font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:24px 0 12px}.design-system .ds-mono{font-family:var(--font-mono);font-size:var(--fs-md);margin:6px 0;color:var(--color-text)}.design-system .ds-center{text-align:center}.design-system .ds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}@media (min-width:600px){.design-system .ds-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:960px){.design-system .ds-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.design-system .ds-stack>*+*{margin-top:12px}.design-system .ds-cluster{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.design-system .ds-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--elev-1);color:var(--color-text);display:block;text-decoration:none;transition:transform var(--dur-2) var(--ease-standard),border-color var(--dur-2),box-shadow var(--dur-2)}.design-system .ds-card h4{margin-bottom:6px}.design-system .ds-card--elevated{box-shadow:var(--elev-2)}.design-system .ds-card--interactive{cursor:pointer}.design-system .ds-card--interactive:hover{transform:translateY(-2px);border-color:var(--color-primary-500);box-shadow:var(--elev-3);text-decoration:none}.design-system .ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px}.design-system .ds-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-1);cursor:pointer;padding:0;display:block;text-align:left;transition:transform var(--dur-2),border-color var(--dur-2)}.design-system .ds-swatch:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.design-system .ds-swatch:focus-visible{outline:0;box-shadow:var(--focus-ring)}.design-system .ds-swatch__chip{display:block;height:72px;width:100%}.design-system .ds-swatch__meta{display:block;padding:12px;line-height:1.35}.design-system .ds-swatch__name{display:block;color:var(--color-text);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.design-system .ds-swatch__value{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted)}.design-system .ds-type-row{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--color-divider)}.design-system .ds-type-row__label{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase}.design-system .ds-type-row__sample{line-height:1.1;margin:0}.design-system .ds-space-row{display:flex;align-items:center;gap:12px;padding:6px 0}.design-system .ds-space-row__label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted);min-width:130px}.design-system .ds-space-row__bar{height:10px;background:var(--color-primary-500);border-radius:var(--radius-xs);display:inline-block}.design-system .ds-grid-demo{padding:12px;background:var(--color-surface-1);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);margin-bottom:12px}.design-system .ds-grid-demo__cell{background:var(--color-primary-tint);border:1px solid rgba(249,115,22,.35);padding:12px 0;text-align:center;color:var(--color-primary-300);font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--radius-sm)}.design-system .col-1{grid-column:span 1}.design-system .col-2{grid-column:span 2}.design-system .col-3{grid-column:span 3}.design-system .col-4{grid-column:span 4}@media (min-width:600px){.design-system .t-col-1{grid-column:span 1}.design-system .t-col-2{grid-column:span 2}.design-system .t-col-3{grid-column:span 3}.design-system .t-col-4{grid-column:span 4}.design-system .t-col-5{grid-column:span 5}.design-system .t-col-6{grid-column:span 6}.design-system .t-col-7{grid-column:span 7}.design-system .t-col-8{grid-column:span 8}}@media (min-width:960px){.design-system .d-col-1{grid-column:span 1}.design-system .d-col-2{grid-column:span 2}.design-system .d-col-3{grid-column:span 3}.design-system .d-col-4{grid-column:span 4}.design-system .d-col-5{grid-column:span 5}.design-system .d-col-6{grid-column:span 6}.design-system .d-col-7{grid-column:span 7}.design-system .d-col-8{grid-column:span 8}.design-system .d-col-9{grid-column:span 9}.design-system .d-col-10{grid-column:span 10}.design-system .d-col-11{grid-column:span 11}.design-system .d-col-12{grid-column:span 12}}.design-system .ds-radius-swatch{width:72px;height:72px;margin:0 auto 12px;background:var(--color-primary-500)}.design-system .ds-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.06em}.design-system .ds-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.design-system .ds-badge--primary{background:var(--color-primary-tint);color:var(--color-primary-300);border-color:transparent}.design-system .ds-badge--success{background:var(--color-success-tint);color:var(--color-success);border-color:transparent}.design-system .ds-badge--warning{background:var(--color-warning-tint);color:var(--color-warning);border-color:transparent}.design-system .ds-badge--danger{background:var(--color-danger-tint);color:var(--color-danger);border-color:transparent}.design-system .ds-badge--info{background:var(--color-info-tint);color:var(--color-info);border-color:transparent}.design-system .ds-alert{display:flex;gap:12px;padding:18px;background:var(--color-surface-1);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-md);align-items:flex-start}.design-system .ds-alert--info{border-left-color:var(--color-info)}.design-system .ds-alert--success{border-left-color:var(--color-success)}.design-system .ds-alert--warning{border-left-color:var(--color-warning)}.design-system .ds-alert--danger{border-left-color:var(--color-danger)}.design-system .ds-alert__icon{flex:0 0 auto;font-size:var(--fs-lg);line-height:1}.design-system .ds-alert__title{font-weight:var(--fw-semibold);margin:0 0 4px;color:var(--color-text);font-family:var(--font-sans)}.design-system .ds-alert__body{color:var(--color-text-muted);margin:0;font-size:var(--fs-sm)}.design-system .ds-inline-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--color-text);font-size:var(--fs-sm);padding:0;margin-bottom:0}.design-system .ds-tabs__list{display:flex;gap:6px;border-bottom:1px solid var(--color-divider);overflow-x:auto;scrollbar-width:none}.design-system .ds-tabs__list::-webkit-scrollbar{display:none}.design-system .ds-tab{padding:12px 18px;color:var(--color-text-muted);background:0 0;border:none;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap;font-weight:var(--fw-medium);font-family:var(--font-sans);cursor:pointer;transition:color var(--dur-2),border-color var(--dur-2)}.design-system .ds-tab:hover{color:var(--color-text)}.design-system .ds-tab[aria-selected=true]{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.design-system .ds-tab:focus-visible{outline:0;box-shadow:var(--focus-ring)}.design-system .ds-tab-panel{padding:18px}.design-system .ds-tab-panel[hidden]{display:none}.design-system .ds-accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;text-align:left;color:var(--color-text);font-weight:var(--fw-semibold);font-family:var(--font-sans);font-size:var(--fs-md);background:0 0;border:none;border-bottom:1px solid var(--color-divider);border-radius:0;cursor:pointer;transition:border-color var(--dur-2) var(--ease-standard)}.design-system .ds-accordion__trigger::after{content:"+";font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--color-primary-500);transition:transform var(--dur-3) var(--ease-emphasized)}.design-system .ds-accordion__trigger[aria-expanded=true]{border-bottom-color:transparent}.design-system .ds-accordion__trigger[aria-expanded=true]::after{transform:rotate(45deg)}.design-system .ds-accordion__trigger:focus-visible{outline:0;box-shadow:var(--focus-ring)}.design-system .ds-accordion__item:last-child .ds-accordion__trigger{border-bottom:0}.design-system .ds-accordion__panel{overflow:hidden;max-height:0;transition:max-height var(--dur-4) var(--ease-standard)}.design-system .ds-accordion__panel>*{padding-left:18px;padding-right:12px}.design-system .ds-accordion__panel[data-open=true]{max-height:400px;padding-top:12px;padding-bottom:18px}.design-system .ds-modal[hidden]{display:none}.design-system .ds-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:end center;padding:0}@media (min-width:600px){.design-system .ds-modal{place-items:center;padding:24px}}.design-system .ds-modal__scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);animation:ds-fade-in var(--dur-3) var(--ease-standard)}.design-system .ds-modal__dialog{position:relative;width:100%;max-width:480px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--elev-3);padding:24px;animation:ds-slide-up var(--dur-4) var(--ease-emphasized)}@media (min-width:600px){.design-system .ds-modal__dialog{border-radius:var(--radius-lg);animation:ds-pop-in var(--dur-3) var(--ease-emphasized)}}.design-system .ds-modal__title{margin:0 0 6px;font-size:var(--fs-xl)}.design-system .ds-modal__body{color:var(--color-text-muted);margin:0 0 24px}.design-system .ds-modal__footer{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.design-system .ds-toast-region{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:950;display:flex;flex-direction:column;gap:6px;pointer-events:none}.design-system .ds-toast{min-width:260px;max-width:380px;padding:12px 18px;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--elev-3);color:var(--color-text);font-size:var(--fs-sm);pointer-events:auto;animation:ds-toast-in var(--dur-3) var(--ease-emphasized)}.design-system .ds-progress{width:100%;height:6px;background:var(--color-surface-2);border-radius:var(--radius-pill);overflow:hidden;margin-top:6px}.design-system .ds-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-300));border-radius:inherit;transition:width var(--dur-4) var(--ease-standard)}.design-system .ds-progress--indeterminate .ds-progress__bar{width:40%;animation:ds-indeterminate 1.4s var(--ease-standard) infinite}.design-system .ds-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;margin-top:12px}.design-system .ds-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.design-system .ds-table td,.design-system .ds-table th{padding:12px 18px;text-align:left;border-bottom:1px solid var(--color-divider)}.design-system .ds-table th{font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--fs-2xs);letter-spacing:.08em;background:var(--color-surface-1)}.design-system .ds-table tbody tr{transition:background var(--dur-2)}.design-system .ds-table tbody tr:hover{background:var(--color-surface-1)}.design-system .ds-code-block{margin:12px 0;padding:18px;background:#05070a;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-normal);color:#d6dce5;white-space:pre}.design-system .ds-code-block code{background:0 0;border:0;padding:0;color:inherit;font-family:inherit}@keyframes ds-fade-in{from{opacity:0}to{opacity:1}}@keyframes ds-pop-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ds-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}