:root{--neutral-0:#fff;--neutral-25:#fbfaf8;--neutral-50:#f7f5f2;--neutral-100:#f1efeb;--neutral-150:#e9e6e0;--neutral-200:#e1ddd6;--neutral-300:#cdc8be;--neutral-400:#a6a098;--neutral-500:#807a72;--neutral-600:#605a52;--neutral-700:#443f38;--neutral-800:#2a2620;--neutral-900:#181513;--neutral-950:#0d0b0a;--accent-50:#fbe7ea;--accent-100:#f5c4cb;--accent-200:#e88a96;--accent-300:#d35462;--accent-400:#b22338;--accent-500:#93021a;--accent-600:#7c0217;--accent-700:#640214;--accent-800:#4a020f;--accent-900:#2e0208;--red-50:#fdeae3;--red-100:#fbd0c1;--red-500:#dc4a32;--red-600:#bf3a23;--red-700:#962c1a;--green-50:#e3f4ea;--green-100:#c1e3cd;--green-500:#1f8a5b;--green-600:#166e48;--green-700:#105436;--amber-50:#fdf3dc;--amber-100:#fae5b3;--amber-500:#e09b1a;--amber-600:#b87b10;--amber-700:#8a5a08;--blue-50:#e7f0fd;--blue-100:#cadcfa;--blue-500:#2f6df0;--blue-600:#1f56cf;--blue-700:#1843a3;--violet-50:#f0ebfd;--violet-100:#ddd1fa;--violet-500:#6f47e8;--violet-600:#5837c9;--violet-700:#432aa0;--bg-app:var(--neutral-50);--bg-canvas:var(--neutral-25);--bg-surface:var(--neutral-0);--bg-subtle:var(--neutral-100);--bg-muted:var(--neutral-150);--bg-tinted:#fbf6f4;--bg-hover:rgba(0,0,0,.04);--bg-active:rgba(0,0,0,.07);--bg-overlay:rgba(14,14,16,.45);--fg-default:var(--neutral-900);--fg-secondary:var(--neutral-700);--fg-muted:var(--neutral-500);--fg-disabled:var(--neutral-400);--fg-inverse:var(--neutral-0);--fg-accent:var(--accent-700);--fg-link:var(--accent-700);--border-subtle:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.09);--border-strong:rgba(0,0,0,.14);--border-accent:var(--accent-500);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-display:var(--font-sans);--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:17px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:32px;--fs-5xl:40px;--fs-6xl:56px;--lh-tight:1.15;--lh-snug:1.3;--lh-base:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--ls-tight:-.022em;--ls-snug:-.012em;--ls-base:-.005em;--ls-wide:.04em;--ls-mono:-.01em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--space-13:80px;--space-14:96px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:999px;--shadow-xs:0 1px 1px hsla(0,0%,6%,.04);--shadow-sm:0 1px 2px hsla(0,0%,6%,.05),0 1px 1px hsla(0,0%,6%,.02);--shadow-md:0 4px 12px -2px hsla(0,0%,6%,.06),0 2px 4px -1px hsla(0,0%,6%,.04);--shadow-lg:0 12px 32px -8px hsla(0,0%,6%,.1),0 4px 12px -2px hsla(0,0%,6%,.06);--shadow-xl:0 24px 48px -12px hsla(0,0%,6%,.18),0 8px 16px -4px hsla(0,0%,6%,.08);--shadow-focus:0 0 0 3px rgba(147,2,26,.22);--shadow-focus-error:0 0 0 3px rgba(220,74,50,.22);--sidebar-w:240px;--topbar-h:48px;--container-max:1280px;--grid-cols:12;--grid-gutter:24px;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.5,.05,.3,.95);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:1000;--z-modal:1100;--z-toast:1200}[data-theme=dark]{--bg-app:#0d0b0a;--bg-canvas:#13110f;--bg-surface:#1a1714;--bg-subtle:#1f1c19;--bg-muted:#26221e;--bg-tinted:#1d1714;--bg-hover:hsla(0,0%,100%,.05);--bg-active:hsla(0,0%,100%,.08);--bg-overlay:rgba(0,0,0,.6);--fg-default:#f1f1ef;--fg-secondary:#c8c8c4;--fg-muted:#84847f;--fg-disabled:#5a5a55;--fg-inverse:var(--neutral-900);--fg-accent:var(--accent-400);--fg-link:var(--accent-400);--border-subtle:hsla(0,0%,100%,.05);--border-default:hsla(0,0%,100%,.09);--border-strong:hsla(0,0%,100%,.16);--red-50:#2a1610;--red-100:#3d1f15;--green-50:#0d2418;--green-100:#103a25;--amber-50:#2a2010;--amber-100:#3a2c14;--blue-50:#131e34;--blue-100:#1a294a;--violet-50:#1d1733;--violet-100:#26204a;--accent-50:#2a060c;--accent-100:#3d0c14;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 12px 32px -8px rgba(0,0,0,.6);--shadow-xl:0 24px 48px -12px rgba(0,0,0,.7)}[data-density=compact]{--space-5:8px;--space-6:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--topbar-h:40px;--sidebar-w:220px}[data-density=comfy]{--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--topbar-h:56px;--sidebar-w:260px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-app);color:var(--fg-default);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";letter-spacing:var(--ls-base)}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer;padding:0}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}code,kbd,pre{font-family:var(--font-mono);font-size:.92em;letter-spacing:var(--ls-mono)}::-moz-selection{background:var(--accent-200);color:var(--accent-900)}::selection{background:var(--accent-200);color:var(--accent-900)}[data-theme=dark] ::-moz-selection{background:var(--accent-800);color:var(--accent-50)}[data-theme=dark] ::selection{background:var(--accent-800);color:var(--accent-50)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted);background-clip:content-box;border:2px solid transparent}.btn{align-items:center;border:.5px solid transparent;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);gap:6px;height:30px;justify-content:center;letter-spacing:var(--ls-base);line-height:1;padding:0 12px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn[disabled]{opacity:.5;pointer-events:none}.btn svg{flex-shrink:0;height:14px;width:14px}.btn--primary{background:var(--accent-600);border-color:var(--accent-700);box-shadow:0 1px #ffffff14 inset,var(--shadow-xs);color:#fff}.btn--primary:hover{background:var(--accent-700)}.btn--primary:active{background:var(--accent-800)}.btn--secondary{background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-xs);color:var(--fg-default)}.btn--secondary:hover{background:var(--bg-hover)}.btn--secondary:active{background:var(--bg-active)}.btn--ghost{background:transparent;color:var(--fg-secondary)}.btn--ghost:hover{background:var(--bg-hover);color:var(--fg-default)}.btn--ghost:active{background:var(--bg-active)}.btn--danger{background:var(--red-600);border-color:var(--red-700);color:#fff}.btn--danger:hover{background:var(--red-700)}.btn--link{background:none;border:0;color:var(--fg-link);font-weight:var(--fw-medium);height:auto;padding:0}.btn--link:hover{text-decoration:underline}.btn--xs{border-radius:var(--radius-xs);font-size:var(--fs-xs);height:22px;padding:0 8px}.btn--sm{font-size:var(--fs-sm);height:26px;padding:0 10px}.btn--md{height:30px;padding:0 12px}.btn--lg{font-size:var(--fs-md);height:36px;padding:0 16px}.btn--icon{padding:0;width:30px}.btn--icon.btn--sm{width:26px}.btn--icon.btn--xs{width:22px}.btn--icon.btn--lg{width:36px}.btn--block,.field{width:100%}.field{align-items:center;background:var(--bg-surface);border:.5px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-default);display:flex;font-size:var(--fs-base);height:30px;padding:0 10px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field:hover{border-color:var(--border-strong)}.field:focus,.field:focus-within{border-color:var(--accent-500);box-shadow:var(--shadow-focus);outline:none}.field.is-disabled,.field[disabled]{background:var(--bg-subtle);color:var(--fg-muted);cursor:not-allowed}.field.is-error{border-color:var(--red-500)}.field.is-error:focus{box-shadow:var(--shadow-focus-error)}.field--lg{font-size:var(--fs-md);height:36px;padding:0 12px}.field--sm{font-size:var(--fs-sm);height:26px;padding:0 8px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--fg-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.field-help{color:var(--fg-muted);font-size:var(--fs-xs)}.field-error{color:var(--red-600);font-size:var(--fs-xs)}.field-required{color:var(--red-500);margin-left:2px}.field-affix{align-items:center;background:var(--bg-surface);border:.5px solid var(--border-default);border-radius:var(--radius-sm);display:inline-flex;gap:8px;padding:0 10px}.field-affix:focus-within{border-color:var(--accent-500);box-shadow:var(--shadow-focus)}.field-affix .field{background:transparent;border:0;box-shadow:none;height:28px;padding:0}.field-affix .field:focus{box-shadow:none}.field-affix__icon{color:var(--fg-muted);display:flex}.field-affix__icon svg{height:14px;width:14px}textarea.field{height:auto;line-height:var(--lh-snug);min-height:80px;padding:8px 10px;resize:vertical}select.field{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%2384847f' d='M0 0h10L5 6z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.check,.radio,select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none}.check,.radio{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all var(--dur-fast) var(--ease-out);width:16px}.radio{border-radius:var(--radius-full)}.check:hover,.radio:hover{border-color:var(--accent-500)}.check:checked,.radio:checked{background:var(--accent-600);border-color:var(--accent-600)}.check:checked:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3.5 8.5l3 3 6-6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:contain;content:"";inset:0;position:absolute}.radio:checked:after{background:#fff;border-radius:var(--radius-full);content:"";inset:4px;position:absolute}.check:focus-visible,.radio:focus-visible{box-shadow:var(--shadow-focus);outline:none}.check:indeterminate{background:var(--accent-600);border-color:var(--accent-600)}.check:indeterminate:after{background:#fff;border-radius:2px;content:"";height:2px;left:3px;position:absolute;right:3px;top:calc(50% - 1px)}.check-label{align-items:center;color:var(--fg-default);cursor:pointer;display:inline-flex;font-size:var(--fs-base);gap:8px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-strong);cursor:pointer;height:16px;position:relative;transition:background var(--dur-base) var(--ease-out);width:28px}.toggle,.toggle:after{border-radius:var(--radius-full)}.toggle:after{background:#fff;box-shadow:0 1px 2px #0003;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform var(--dur-base) var(--ease-out);width:12px}.toggle:checked{background:var(--accent-600)}.toggle:checked:after{transform:translate(12px)}.toggle:focus-visible{box-shadow:var(--shadow-focus);outline:none}.badge{align-items:center;background:var(--bg-subtle);border:.5px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg-secondary);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);gap:4px;height:20px;letter-spacing:0;padding:0 8px;white-space:nowrap}.badge--dot:before{background:currentColor;border-radius:999px;content:"";height:6px;opacity:.8;width:6px}.badge--neutral{background:var(--bg-subtle);color:var(--fg-secondary)}.badge--accent{background:var(--accent-50);border-color:#93021a2e;color:var(--accent-700)}.badge--green{background:var(--green-50);border-color:#1f8a5b33;color:var(--green-700)}.badge--blue{background:var(--blue-50);border-color:#2f6df02e;color:var(--blue-700)}.badge--amber{background:var(--amber-50);border-color:#e09b1a38;color:var(--amber-700)}.badge--red{background:var(--red-50);border-color:#dc4a3233;color:var(--red-700)}.badge--violet{background:var(--violet-50);border-color:#6f47e82e;color:var(--violet-700)}.badge--solid{background:var(--neutral-900);border:0;color:var(--neutral-0)}[data-theme=dark] .badge--accent{color:var(--accent-300)}[data-theme=dark] .badge--green{color:#6fc99a}[data-theme=dark] .badge--blue{color:#8eb4f8}[data-theme=dark] .badge--amber{color:#f0c46a}[data-theme=dark] .badge--red{color:#f0917b}[data-theme=dark] .badge--violet{color:#b39df0}.chip{background:var(--bg-subtle);border:.5px solid var(--border-default);border-radius:var(--radius-full);color:var(--fg-default);font-size:var(--fs-sm);gap:6px;height:24px;padding:0 10px}.chip,.chip__remove{align-items:center;display:inline-flex}.chip__remove{border-radius:999px;color:var(--fg-muted);height:14px;justify-content:center;width:14px}.chip__remove:hover{background:var(--bg-active);color:var(--fg-default)}.card{background:var(--bg-surface);border:.5px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.card--flat{box-shadow:none}.card--raised{box-shadow:var(--shadow-sm)}.card__header{align-items:center;border-bottom:.5px solid var(--border-subtle);display:flex;justify-content:space-between;padding:14px 16px}.card__title{color:var(--fg-default);font-size:var(--fs-md);font-weight:var(--fw-semi);letter-spacing:var(--ls-snug)}.card__subtitle{color:var(--fg-muted);font-size:var(--fs-sm);margin-top:2px}.card__body{padding:16px}.card__footer{border-top:.5px solid var(--border-subtle);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.divider{height:1px;width:100%}.divider,.divider--vert{background:var(--border-subtle)}.divider--vert{height:100%;width:1px}.kbd{align-items:center;background:var(--bg-surface);border:solid var(--border-strong);border-radius:var(--radius-xs);border-width:.5px .5px 1.5px;color:var(--fg-secondary);display:inline-flex;font-family:var(--font-mono);font-size:10.5px;font-weight:var(--fw-medium);height:18px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 5px}.alert{align-items:flex-start;background:var(--bg-subtle);border:.5px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-default);display:flex;font-size:var(--fs-base);gap:10px;padding:12px 14px}.alert__icon{flex-shrink:0;margin-top:1px}.alert__icon svg{height:14px;width:14px}.alert__title{font-weight:var(--fw-semi);margin-bottom:2px}.alert__body{color:var(--fg-secondary);font-size:var(--fs-sm)}.alert--info{background:var(--blue-50);border-color:#2f6df033;color:var(--blue-700)}.alert--success{background:var(--green-50);border-color:#1f8a5b38;color:var(--green-700)}.alert--warning{background:var(--amber-50);border-color:#e09b1a38;color:var(--amber-700)}.alert--danger{background:var(--red-50);border-color:#dc4a3238;color:var(--red-700)}.alert .alert__body{color:inherit;opacity:.82}[data-theme=dark] .alert--info{color:#b9d0f8}[data-theme=dark] .alert--success{color:#6fc99a}[data-theme=dark] .alert--warning{color:#f0c46a}[data-theme=dark] .alert--danger{color:#f0917b}.table{border-collapse:collapse;font-size:var(--fs-base);width:100%}.table td,.table th{border-bottom:.5px solid var(--border-subtle);padding:10px 12px;text-align:left;vertical-align:middle}.table th{background:var(--bg-canvas);color:var(--fg-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);position:sticky;text-transform:uppercase;top:0}.table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:0}.table--compact td,.table--compact th{padding:6px 10px}.avatar{align-items:center;background:var(--accent-100);border:.5px solid rgba(0,0,0,.06);border-radius:var(--radius-full);color:var(--accent-800);display:inline-flex;font-size:10.5px;font-weight:var(--fw-semi);height:24px;justify-content:center;letter-spacing:0;overflow:hidden;text-transform:uppercase;width:24px}.avatar--sm{font-size:9px;height:20px;width:20px}.avatar--md{font-size:11px;height:28px;width:28px}.avatar--lg{font-size:13px;height:36px;width:36px}.avatar--xl{font-size:18px;height:56px;width:56px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-stack{display:inline-flex}.avatar-stack .avatar{margin-left:-6px;outline:2px solid var(--bg-surface)}.avatar-stack .avatar:first-child{margin-left:0}.tabs{border-bottom:.5px solid var(--border-default);display:flex;gap:2px}.tab{align-items:center;background:transparent;border:0;color:var(--fg-muted);cursor:pointer;display:inline-flex;font-size:var(--fs-base);font-weight:var(--fw-medium);gap:6px;padding:8px 12px;position:relative}.tab.is-active,.tab:hover{color:var(--fg-default)}.tab.is-active:after{background:var(--accent-600);border-radius:999px;bottom:-.5px;content:"";height:1.5px;left:8px;position:absolute;right:8px}.segmented{background:var(--bg-subtle);border:.5px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;gap:1px;padding:2px}.segmented__item{border-radius:3px;color:var(--fg-muted);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:4px 10px}.segmented__item.is-active{background:var(--bg-surface);box-shadow:var(--shadow-xs);color:var(--fg-default)}.tooltip{background:var(--neutral-900);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);color:var(--neutral-0);display:inline-block;font-size:var(--fs-xs);letter-spacing:0;padding:5px 8px}[data-theme=dark] .tooltip{background:var(--neutral-150);color:var(--neutral-900)}.progress{background:var(--bg-muted);border-radius:var(--radius-full);height:4px;overflow:hidden;width:100%}.progress__bar{background:var(--accent-500);border-radius:inherit;height:100%;transition:width var(--dur-slow) var(--ease-out)}.skel{animation:skel 1.6s linear infinite;background:linear-gradient(90deg,var(--bg-subtle) 0,var(--bg-muted) 50%,var(--bg-subtle) 100%);background-size:200% 100%;border-radius:var(--radius-xs)}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.icon{flex-shrink:0;height:14px;width:14px}.icon--sm{height:12px;width:12px}.icon--lg{height:18px;width:18px}.icon--xl{height:24px;width:24px}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.spread{flex:1}.ds-app{background:var(--bg-app);display:flex;flex-direction:column;min-height:100vh}.ds-topbar{background:var(--bg-surface);border-bottom:.5px solid var(--border-default);height:52px;padding:0 20px;position:sticky;top:0;z-index:var(--z-sticky)}.ds-brand,.ds-topbar{align-items:center;display:flex}.ds-brand{font-size:var(--fs-md);font-weight:var(--fw-semi);gap:10px;letter-spacing:var(--ls-snug)}.ds-brand-mark{align-items:center;border-radius:var(--radius-xs);display:flex;font-family:var(--font-mono);font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.ds-brand-mark,[data-theme=dark] .ds-brand-mark{background:var(--accent-500);color:#fff}.ds-version{border:.5px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg-muted);font-family:var(--font-mono);font-size:10.5px;padding:2px 6px}.ds-nav{display:flex;gap:2px;margin-left:32px}.ds-nav__item{align-items:center;border-radius:var(--radius-xs);color:var(--fg-muted);cursor:pointer;display:inline-flex;font-size:var(--fs-base);font-weight:var(--fw-medium);gap:6px;padding:6px 10px}.ds-nav__item:hover{background:var(--bg-hover);color:var(--fg-default)}.ds-nav__item.is-active{background:var(--bg-subtle);color:var(--fg-default)}.ds-nav__num{color:var(--fg-muted);font-family:var(--font-mono);font-size:10px}.ds-main{margin:0 auto;max-width:1280px;padding:32px 32px 96px;width:100%}.ds-page-head{margin-bottom:28px}.ds-eyebrow{color:var(--fg-muted);display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--ls-wide);margin-bottom:8px;text-transform:uppercase}.ds-title{color:var(--fg-default);font-size:var(--fs-4xl);font-weight:var(--fw-semi);letter-spacing:var(--ls-tight);margin:0}.ds-lede{color:var(--fg-secondary);font-size:var(--fs-lg);line-height:var(--lh-snug);margin-top:8px;max-width:640px}.ds-section{margin-top:56px}.ds-section__head{align-items:baseline;border-bottom:.5px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.ds-section__title{font-size:var(--fs-xl);font-weight:var(--fw-semi);letter-spacing:var(--ls-snug)}.ds-section__num{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-sm)}.ds-subsection{margin-top:28px}.ds-subsection__title{color:var(--fg-default);font-size:var(--fs-md);font-weight:var(--fw-semi);margin:0 0 12px}.ds-grid{display:grid;gap:12px}.ds-grid--2{grid-template-columns:repeat(2,1fr)}.ds-grid--3{grid-template-columns:repeat(3,1fr)}.ds-grid--4{grid-template-columns:repeat(4,1fr)}.ds-grid--6{grid-template-columns:repeat(6,1fr)}.ds-grid--12{grid-template-columns:repeat(12,1fr)}.ds-callout{background:var(--bg-surface);border:.5px solid var(--border-default);border-radius:var(--radius-sm);display:grid;gap:12px;padding:16px 18px}.ds-spec{color:var(--fg-muted);letter-spacing:0}.ds-code,.ds-spec{font-family:var(--font-mono);font-size:var(--fs-xs)}.ds-code{background:var(--bg-subtle);border-radius:var(--radius-xs);color:var(--fg-secondary);padding:2px 6px}.ds-code,.ds-demo{border:.5px solid var(--border-subtle)}.ds-demo{align-items:center;background:var(--bg-canvas);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:12px;padding:28px}.ds-demo--stack{align-items:stretch;flex-direction:column;gap:12px}.ds-demo--center{justify-content:center}.ds-meta{color:var(--fg-muted);display:flex;font-family:var(--font-mono);font-size:var(--fs-xs);gap:10px;margin-top:8px}.ds-meta__k{color:var(--fg-disabled)}.swatch{display:flex;flex-direction:column;gap:6px}.swatch__chip{aspect-ratio:3/2;border:.5px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%}.swatch__name{color:var(--fg-default);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.swatch__hex{color:var(--fg-muted);font-family:var(--font-mono);font-size:10.5px}.app-shell{background:var(--bg-app);color:var(--fg-default);display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100%;min-height:100vh;min-height:100dvh}.app-sidebar{background:var(--bg-surface);border-right:.5px solid var(--border-default);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:sticky;top:0;z-index:var(--z-sticky)}.app-sidebar__head{padding:14px 14px 10px}.app-sidebar__brand,.app-sidebar__head{align-items:center;display:flex;gap:10px}.app-sidebar__brand{color:var(--fg-default);flex:1;font-size:var(--fs-md);font-weight:var(--fw-semi);letter-spacing:var(--ls-snug);min-width:0}.app-sidebar__brand-mark{align-items:center;background:var(--accent-500);border-radius:var(--radius-xs);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.app-sidebar__brand-logo{flex-shrink:0;height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.app-sidebar__brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__close{display:none}.app-sidebar__search{padding:4px 12px 10px}.app-sidebar__nav{display:flex;flex:1;flex-direction:column;gap:1px;overflow-y:auto;padding:4px 8px 12px}.app-sidebar__section{color:var(--fg-muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--ls-wide);padding:14px 8px 4px;text-transform:uppercase}.app-sidebar__divider{background:var(--border-subtle);height:1px;margin:10px 8px}.app-nav-item{align-items:center;background:transparent;border:0;border-radius:var(--radius-xs);color:var(--fg-secondary);cursor:pointer;display:flex;font-size:var(--fs-base);font-weight:var(--fw-regular);gap:10px;min-height:28px;padding:6px 10px;text-align:left;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.app-nav-item:hover{background:var(--bg-hover);color:var(--fg-default);text-decoration:none}.app-nav-item.is-active{background:var(--bg-subtle);color:var(--fg-default);font-weight:var(--fw-medium)}.app-nav-item__icon{color:var(--fg-muted);flex-shrink:0;height:16px;width:16px}.app-nav-item.is-active .app-nav-item__icon{color:var(--accent-500)}.app-nav-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-item__badge{background:var(--bg-subtle);border-radius:var(--radius-xs);color:var(--fg-muted);font-family:var(--font-mono);font-size:10px;margin-left:auto;padding:1px 5px}.app-sidebar__foot{border-top:.5px solid var(--border-subtle);padding:10px 12px 12px}.app-sidebar__user{align-items:center;display:flex;gap:10px}.app-sidebar__user-meta{flex:1;font-size:var(--fs-sm);min-width:0}.app-sidebar__user-name{color:var(--fg-default);font-weight:var(--fw-medium)}.app-sidebar__user-email,.app-sidebar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__user-email{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.app-user-menu{background:var(--bg-surface);border:.5px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1px;margin-top:8px;padding:4px}.app-user-menu__item{align-items:center;background:transparent;border:0;border-radius:var(--radius-xs);color:var(--fg-secondary);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:8px;padding:6px 8px;text-align:left;text-decoration:none;width:100%}.app-user-menu__item:hover{background:var(--bg-hover);color:var(--fg-default);text-decoration:none}.app-main{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;min-width:0}.app-topbar{align-items:center;background:var(--bg-surface);border-bottom:.5px solid var(--border-default);display:flex;gap:10px;height:56px;padding:0 20px;position:sticky;top:0;z-index:var(--z-sticky)}.app-topbar__menu{display:none}.app-topbar__crumbs{align-items:center;color:var(--fg-muted);display:flex;flex:1;font-size:var(--fs-sm);gap:6px;min-width:0}.app-topbar__crumbs-current{color:var(--fg-default);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.app-topbar__actions{align-items:center;display:flex;gap:6px}.app-topbar__divider{background:var(--border-subtle);height:20px;margin:0 2px;width:1px}.app-content{flex:1;margin:0 auto;max-width:var(--container-max);padding:24px 24px 80px;width:100%}.app-page-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.app-page-title{color:var(--fg-default);font-size:var(--fs-3xl);font-weight:var(--fw-semi);letter-spacing:var(--ls-tight);margin:0}.app-page-subtitle{color:var(--fg-muted);font-size:var(--fs-sm);margin-top:4px}@media(max-width:1024px){.ds-grid--4{grid-template-columns:repeat(2,1fr)}.ds-grid--6{grid-template-columns:repeat(3,1fr)}.ds-grid--12{grid-template-columns:repeat(6,1fr)}}@media(max-width:640px){.ds-grid--2,.ds-grid--3,.ds-grid--4{grid-template-columns:1fr}.ds-grid--12,.ds-grid--6{grid-template-columns:repeat(2,1fr)}}.app-sidebar__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--bg-overlay);display:none;inset:0;position:fixed;z-index:calc(var(--z-sticky) + 1)}@media(max-width:1024px){.app-shell{display:block;grid-template-columns:none;grid-template-rows:none}.app-sidebar{bottom:0;box-shadow:var(--shadow-lg);height:100vh;height:100dvh;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-out);width:var(--sidebar-w);z-index:calc(var(--z-sticky) + 2)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar__scrim.is-open{display:block}.app-sidebar__close,.app-topbar__menu{display:inline-flex}}@media(max-width:640px){.app-topbar{height:52px;padding:0 12px}.app-content{padding:20px 16px 64px}.app-page-title{font-size:var(--fs-2xl)}.app-topbar__divider{display:none}}body.is-drawer-open{overflow:hidden}