.dui-theme,:root{--dui-bg:#fbfbf8;--dui-fg:#171b17;--dui-muted:#667066;--dui-soft:#858f84;--dui-surface:#fff;--dui-surface-2:#f0f2ec;--dui-border:#d9ded3;--dui-border-strong:#c6cdc0;--dui-accent:#166b4f;--dui-accent-fg:#fff;--dui-accent-soft:#dff1e8;--dui-info:#286aa8;--dui-info-soft:#e2edf8;--dui-success:#176b4d;--dui-success-soft:#e0f1e8;--dui-warning:#8b6417;--dui-warning-soft:#f7edd5;--dui-danger:#ae3d34;--dui-danger-soft:#f8e1df;--dui-radius:5px;--dui-font-size:12px;--dui-control-h:28px;--dui-control-pad-x:9px;--dui-gap:6px;--dui-shadow:0 14px 32px #151c1624;color:var(--dui-fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--dui-font-size)}.dui-theme[data-theme=dark],[data-theme=dark].dui-theme{--dui-bg:#111410;--dui-fg:#eef3eb;--dui-muted:#a3aca0;--dui-soft:#747f72;--dui-surface:#181d17;--dui-surface-2:#222820;--dui-border:#30382d;--dui-border-strong:#434d3f;--dui-accent:#66c493;--dui-accent-fg:#0d1710;--dui-accent-soft:#173624;--dui-info:#82b7ec;--dui-info-soft:#172b3b;--dui-success:#6ed19a;--dui-success-soft:#173624;--dui-warning:#e1bb6c;--dui-warning-soft:#3b2f18;--dui-danger:#ef8a7f;--dui-danger-soft:#40221f;--dui-shadow:0 14px 32px #00000061}*{box-sizing:border-box}body{background:var(--dui-bg);margin:0}#root{min-height:100vh}.dui-theme[data-density="1"]{--dui-font-size:11px;--dui-control-h:24px;--dui-control-pad-x:7px;--dui-gap:4px}.dui-theme[data-density="3"]{--dui-font-size:13px;--dui-control-h:32px;--dui-control-pad-x:11px;--dui-gap:8px}.dui-theme[data-density="4"]{--dui-font-size:14px;--dui-control-h:36px;--dui-control-pad-x:13px;--dui-gap:10px}.dui-button,.dui-input,.dui-select-trigger,.dui-select-option,.dui-command-item,.dui-tabs-trigger{border:1px solid var(--dui-border);border-radius:var(--dui-radius);min-width:0;font:inherit;outline:none}.dui-button,.dui-select-trigger,.dui-select-option,.dui-command-item,.dui-tag button,.dui-tabs-trigger{cursor:pointer}.dui-button{justify-content:center;align-items:center;gap:var(--dui-gap);height:var(--dui-control-h);padding:0 var(--dui-control-pad-x);white-space:nowrap;display:inline-flex}.dui-button-sm{height:calc(var(--dui-control-h) - 4px);padding:0 calc(var(--dui-control-pad-x) - 2px)}.dui-button-lg{height:calc(var(--dui-control-h) + 6px);padding:0 calc(var(--dui-control-pad-x) + 3px)}.dui-button-primary{border-color:var(--dui-accent);color:var(--dui-accent-fg);background:var(--dui-accent)}.dui-button-secondary{color:var(--dui-fg);background:var(--dui-surface)}.dui-button-ghost{color:var(--dui-muted);background:0 0;border-color:#0000}.dui-button:hover,.dui-select-trigger:hover,.dui-tabs-trigger:hover{filter:brightness(.98)}.dui-button:focus-visible,.dui-input:focus-visible,.dui-select-trigger:focus-visible,.dui-checkbox:focus-visible,.dui-radio:focus-visible,.dui-switch:focus-visible,.dui-tabs-trigger:focus-visible,.dui-command-item[aria-selected=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--dui-accent) 24%, transparent)}.dui-input{width:100%;min-height:var(--dui-control-h);padding:0 var(--dui-control-pad-x);color:var(--dui-fg);background:var(--dui-surface)}.dui-input::placeholder{color:var(--dui-soft)}.dui-textarea{resize:vertical;min-height:74px;padding-top:7px}.dui-select-trigger{width:220px;height:var(--dui-control-h);padding:0 var(--dui-control-pad-x);color:var(--dui-fg);background:var(--dui-surface);justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.dui-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dui-popover,.dui-dialog,.dui-command-dialog,.dui-toast{border:1px solid var(--dui-border);color:var(--dui-fg);background:var(--dui-surface);box-shadow:var(--dui-shadow);border-radius:8px}.dui-select-content,.dui-command-popover{width:260px;padding:6px}.dui-select-search,.dui-command-input{width:100%;height:var(--dui-control-h);padding:0 var(--dui-control-pad-x);border:1px solid var(--dui-border);border-radius:var(--dui-radius);color:var(--dui-fg);background:var(--dui-surface-2);font:inherit;outline:none}.dui-select-list,.dui-command-list{max-height:260px;margin-top:6px;overflow:auto}.dui-select-option,.dui-command-item{width:100%;height:var(--dui-control-h);padding:0 var(--dui-control-pad-x);color:var(--dui-fg);text-align:left;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;display:flex}.dui-select-option:hover,.dui-command-item:hover,.dui-command-item[aria-selected=true]{background:var(--dui-surface-2)}.dui-select-option:disabled,.dui-command-item[aria-disabled=true]{cursor:not-allowed;opacity:.5}.dui-empty{color:var(--dui-muted);text-align:center;padding:10px}.dui-command{width:100%}.dui-checkbox,.dui-radio{width:16px;height:16px;color:var(--dui-accent-fg);background:var(--dui-surface);place-items:center;padding:0;display:inline-grid}.dui-checkbox[data-state=checked]{border-color:var(--dui-accent);background:var(--dui-accent)}.dui-radio{border-radius:999px}.dui-radio[data-state=checked]{border-color:var(--dui-accent)}.dui-radio-indicator{background:var(--dui-accent);border-radius:999px;width:8px;height:8px}.dui-switch{border:1px solid var(--dui-border);background:var(--dui-border-strong);border-radius:999px;width:34px;height:18px;padding:0;position:relative}.dui-switch[data-state=checked]{background:var(--dui-accent)}.dui-switch-thumb{background:var(--dui-surface);border-radius:999px;width:14px;height:14px;transition:transform .12s;display:block;transform:translate(1px)}.dui-switch[data-state=checked] .dui-switch-thumb{transform:translate(17px)}.dui-table{border-collapse:collapse;border:1px solid var(--dui-border);background:var(--dui-surface);font-variant-numeric:tabular-nums;border-radius:8px;width:100%}.dui-th,.dui-td{border-bottom:1px solid var(--dui-border);text-align:left;white-space:nowrap;height:30px;padding:0 8px}.dui-th{color:var(--dui-muted);background:var(--dui-surface-2);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:700}.dui-tr:hover .dui-td{background:color-mix(in srgb, var(--dui-surface-2) 72%, transparent)}.dui-badge,.dui-tag{border-radius:var(--dui-radius);align-items:center;gap:4px;height:22px;padding:0 7px;font-size:11px;font-weight:650;display:inline-flex}.dui-tag button{color:currentColor;background:0 0;border:0;border-radius:4px;place-items:center;width:16px;height:16px;padding:0;display:inline-grid}.dui-badge-neutral{color:var(--dui-muted);background:var(--dui-surface-2)}.dui-badge-success{color:var(--dui-success);background:var(--dui-success-soft)}.dui-badge-warning{color:var(--dui-warning);background:var(--dui-warning-soft)}.dui-badge-danger{color:var(--dui-danger);background:var(--dui-danger-soft)}.dui-badge-info{color:var(--dui-info);background:var(--dui-info-soft)}.dui-tooltip{max-width:240px;color:var(--dui-surface);background:var(--dui-fg);border-radius:6px;padding:6px 8px;font-size:11px}.dui-dialog-overlay{z-index:50;background:#0a0e0c52;position:fixed;inset:0}.dui-dialog,.dui-command-dialog{z-index:60;width:min(420px,100vw - 32px);padding:14px;position:fixed;top:18%;left:50%;transform:translate(-50%)}.dui-command-dialog{padding:6px}.dui-dialog-title{margin:0;font-size:15px}.dui-dialog-description{color:var(--dui-muted);margin:6px 0 0}.dui-dialog-body{margin-top:14px}.dui-toast-viewport{z-index:70;gap:8px;width:320px;margin:0;padding:0;list-style:none;display:grid;position:fixed;bottom:16px;right:16px}.dui-toast{padding:10px 12px}.dui-toast-title{font-weight:700}.dui-toast-description{color:var(--dui-muted);margin-top:4px}.dui-tabs-list{border:1px solid var(--dui-border);background:var(--dui-surface-2);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.dui-tabs-trigger{height:calc(var(--dui-control-h) - 4px);color:var(--dui-muted);background:0 0;border-color:#0000;padding:0 9px}.dui-tabs-trigger[data-state=active]{color:var(--dui-fg);background:var(--dui-surface);box-shadow:0 1px 2px #0c120d14}.docs-shell{background:var(--dui-bg);min-height:100vh}.docs-shell a{color:inherit;text-decoration:none}.docs-topbar,.docs-main,.docs-footer{width:min(1180px,100vw - 32px);margin-inline:auto}.docs-topbar{z-index:20;border-bottom:1px solid var(--dui-border);background:color-mix(in srgb, var(--dui-bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:58px;display:flex;position:sticky;top:0}.docs-brand,.docs-nav,.docs-actions,.docs-row,.docs-cta,.docs-stats,.console-head,.console-head div,.console-toolbar,.console-search,.panel-head,.docs-footer{align-items:center;display:flex}.docs-brand{gap:8px;font-weight:750}.docs-brand span{width:26px;height:26px;color:var(--dui-accent-fg);background:var(--dui-accent);border-radius:7px;place-items:center;display:grid}.docs-nav{color:var(--dui-muted);gap:18px;font-size:12px}.docs-actions,.docs-row,.docs-cta,.console-head div,.console-toolbar{gap:var(--dui-gap)}.docs-main{gap:14px;padding:18px 0 28px;display:grid}.docs-hero,.docs-band.split{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:14px;display:grid}.docs-hero-copy,.docs-console,.docs-band,.docs-panel{border:1px solid var(--dui-border);background:var(--dui-surface);border-radius:10px}.docs-hero-copy{align-content:center;min-height:430px;padding:34px;display:grid}.docs-hero-copy h1{letter-spacing:0;max-width:520px;margin:14px 0 0;font-size:clamp(36px,6vw,64px);line-height:.98}.docs-hero-copy p{max-width:520px;color:var(--dui-muted);margin:18px 0 0;font-size:15px;line-height:1.6}.docs-cta{margin-top:22px}.docs-stats{flex-wrap:wrap;gap:8px;margin-top:26px}.docs-stats span{border:1px solid var(--dui-border);height:24px;color:var(--dui-muted);background:var(--dui-surface-2);border-radius:999px;padding:0 8px;font-size:11px;line-height:22px}.docs-console{align-self:stretch;min-width:0;min-height:430px;padding:12px}.console-head{color:var(--dui-muted);justify-content:space-between;padding:2px 2px 10px;font-weight:700}.console-toolbar{margin-bottom:10px}.console-search{min-width:190px;height:var(--dui-control-h);border:1px solid var(--dui-border);border-radius:var(--dui-radius);color:var(--dui-muted);background:var(--dui-surface);flex:1;padding:0 8px}.console-search .dui-input{min-height:0;height:calc(var(--dui-control-h) - 2px);background:0 0;border:0;padding:0}.console-toolbar .dui-select-trigger{width:170px}.docs-band,.docs-panel{padding:16px}.section-heading{gap:5px;margin-bottom:14px;display:grid}.section-heading span{color:var(--dui-muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700}.section-heading h2,.docs-panel h2,.principle-grid h3{margin:0}.section-heading h2{font-size:24px}.principle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.principle-grid article{border:1px solid var(--dui-border);background:var(--dui-surface-2);border-radius:8px;gap:8px;min-height:138px;padding:14px;display:grid}.principle-grid svg,.panel-head svg{color:var(--dui-accent)}.principle-grid p{color:var(--dui-muted);margin:0;line-height:1.55}.docs-panel{align-content:start;gap:14px;display:grid}.panel-head{gap:8px}.docs-panel h2{font-size:15px}.component-list{border:1px solid var(--dui-border);border-radius:8px;display:grid;overflow:hidden}.component-list div{border-bottom:1px solid var(--dui-border);grid-template-columns:120px minmax(0,1fr);gap:12px;min-height:40px;padding:10px 12px;display:grid}.component-list div:last-child{border-bottom:0}.component-list span,.docs-footer{color:var(--dui-muted)}.install-block,.code-block{border:1px solid var(--dui-border);background:var(--dui-surface-2);color:var(--dui-fg);border-radius:8px;margin:0;font-size:12px;line-height:1.6;overflow:auto}.install-block{padding:12px}.code-block{margin-top:10px;padding:12px}.popover-copy{width:190px;line-height:1.45}.docs-footer{justify-content:space-between;min-height:54px;padding-bottom:24px}@media (width<=980px){.docs-nav{display:none}.docs-hero,.docs-band.split,.principle-grid{grid-template-columns:1fr}.docs-hero-copy{min-height:auto}.console-toolbar{flex-wrap:wrap}.console-search,.console-toolbar .dui-select-trigger{width:100%}}