.ds-stepper{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;list-style:none;padding:0;margin:0;counter-reset:ds-stepper-idx;position:relative}.ds-stepper__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 14px;border-bottom:2px solid var(--line);position:relative;transition:border-color .2s,color .2s}.ds-stepper__item--done,.ds-stepper__item--current{border-bottom-color:var(--mint)}.ds-stepper__num{font-family:var(--font-ed);font-style:italic;font-weight:400;font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--ink-4);transition:color .2s}.ds-stepper__item--done .ds-stepper__num{color:var(--mint)}.ds-stepper__item--current .ds-stepper__num{color:var(--ink)}.ds-stepper__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);text-align:center;line-height:1.35;max-width:12ch;transition:color .2s}.ds-stepper__item--done .ds-stepper__label{color:var(--ink-3)}.ds-stepper__item--current .ds-stepper__label{color:var(--ink)}@media(max-width:560px){.ds-stepper{grid-auto-flow:row;grid-auto-columns:unset;gap:2px}.ds-stepper__item{flex-direction:row;justify-content:flex-start;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line);border-left:2px solid var(--line)}.ds-stepper__item--done,.ds-stepper__item--current{border-bottom-color:var(--line);border-left-color:var(--mint)}.ds-stepper__num{font-size:22px;min-width:24px}.ds-stepper__label{text-align:left;max-width:none}}@media(prefers-reduced-motion:reduce){.ds-stepper__item,.ds-stepper__num,.ds-stepper__label{transition:none}}.ds-error-banner{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:12px 16px;border-left-width:3px;border-left-style:solid;background:var(--bg-deep);font-family:var(--font-ui);font-size:13px;line-height:1.45;color:var(--ink-2)}.ds-error-banner--credential{border-left-color:var(--crit);background:color-mix(in oklab,var(--crit) 6%,var(--bg-deep))}.ds-error-banner--credential .ds-error-banner__title{color:var(--crit)}.ds-error-banner--throttle{border-left-color:var(--warn);background:color-mix(in oklab,var(--warn) 6%,var(--bg-deep))}.ds-error-banner--throttle .ds-error-banner__title{color:var(--warn)}.ds-error-banner--network{border-left-color:var(--warn);background:color-mix(in oklab,var(--warn) 4%,var(--bg-deep))}.ds-error-banner--network .ds-error-banner__title{color:var(--warn)}.ds-error-banner--generic{border-left-color:var(--crit);background:color-mix(in oklab,var(--crit) 4%,var(--bg-deep))}.ds-error-banner--generic .ds-error-banner__title{color:var(--crit)}.ds-error-banner__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;flex-shrink:0}.ds-error-banner__body{flex:1;min-width:0}.ds-error-banner__countdown{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink);font-weight:500;padding:3px 8px;background:var(--bg);border:1px solid var(--line);flex-shrink:0}.sandbox{max-width:1200px;margin:0 auto;padding:48px 40px 96px;color:var(--ink)}.sandbox__header{margin-bottom:56px;padding-bottom:28px;border-bottom:1px solid var(--line)}.sandbox__kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-4)}.sandbox__h1{font-family:var(--font-ed);font-style:italic;font-weight:400;font-size:52px;letter-spacing:-.02em;line-height:1.02;margin:16px 0 8px}.sandbox__lede{font-family:var(--font-ui);font-size:15px;color:var(--ink-3);max-width:60ch;margin:0}.sandbox__lede code{background:var(--bg-deep);padding:2px 8px;color:var(--mint);font-family:var(--font-mono);font-size:13px}.sandbox__block{margin-bottom:72px;padding-top:32px;border-top:1px dashed var(--line)}.sandbox__h2{font-family:var(--font-ed);font-style:italic;font-weight:400;font-size:36px;letter-spacing:-.015em;margin:0 0 4px}.sandbox__sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-4);margin:0 0 32px}.sandbox__h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-weight:400}.sandbox__demo{margin-bottom:36px;padding:24px;border:1px dashed var(--line);background:var(--bg-deep)}.sandbox__toc-demo{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}@media(max-width:768px){.sandbox__toc-demo{grid-template-columns:1fr}}.sandbox__toc-note{padding:24px;border:1px solid var(--line);background:var(--bg-deep);font-size:14px;line-height:1.6;color:var(--ink-2)}.sandbox__code-note{font-size:13px;color:var(--ink-3);line-height:1.5;margin:0 0 12px}.sandbox__code{background:var(--bg-deep);border:1px solid var(--line);padding:16px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--ink-2);overflow-x:auto;margin:0 0 12px}