:root{--stop-azure-light:#07eefd;--stop-azure-dark:#0058dc;--stop-sunset-warm:#f9ab6d;--stop-sunset-magenta:#d15eed;--stop-sunset-indigo:#484dff;--brand-deep:#0a0a0a;--brand-soft:#8086ff;--brand-cyan-rgb:7 238 253;--brand-blue-rgb:0 88 220;--brand-accent-rgb:72 77 255;--brand-magenta-rgb:209 94 237;--brand-warm-rgb:249 171 109;--gradient-azure:linear-gradient(135deg,var(--stop-azure-light) 0%,var(--stop-azure-dark) 100%);--gradient-sunset:linear-gradient(135deg,var(--stop-sunset-warm) 0%,var(--stop-sunset-magenta) 46%,var(--stop-sunset-indigo) 92%);--gradient-conic:conic-gradient(from 180deg,var(--stop-azure-light),var(--stop-azure-dark),var(--stop-sunset-indigo),var(--stop-sunset-magenta),var(--stop-sunset-warm),var(--stop-azure-light));--neutral-0:#ffffff;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-150:#ededef;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-850:#1f1f22;--neutral-900:#18181b;--neutral-950:#0a0a0a;--neutral-1000:#000000;--surface-0:#ffffff;--surface-1:var(--neutral-50);--surface-2:var(--neutral-100);--surface-inv:var(--neutral-950);--surface-inv-raised:var(--neutral-900);--surface-code:var(--neutral-950);--surface-code-raised:var(--neutral-900);--fg-code:var(--neutral-50);--avatar-bg-1:#18181b;--avatar-bg-2:#3f3f46;--avatar-bg-3:#52525b;--avatar-bg-4:#71717a;--fg-1:var(--neutral-950);--fg-2:var(--neutral-700);--fg-3:var(--neutral-500);--fg-muted:var(--neutral-400);--fg-inv-1:var(--neutral-0);--fg-inv-2:var(--neutral-300);--fg-inv-3:var(--neutral-400);--border-subtle:var(--neutral-150);--border-1:var(--neutral-200);--border-strong:var(--neutral-300);--border-inv-subtle:rgb(255 255 255/0.06);--border-inv:rgb(255 255 255/0.1);--border-inv-strong:rgb(255 255 255/0.18);--action-primary:var(--neutral-1000);--action-primary-hover:var(--neutral-800);--action-primary-press:var(--neutral-700);--action-primary-fg:var(--neutral-0);--status-critical:#dc2626;--status-warn:#d97706;--status-success:#059669;--status-info:var(--stop-sunset-indigo);--accent-pop-warm:var(--stop-sunset-warm);--accent-pop-cyan:var(--stop-azure-light);--accent-pop-indigo:var(--stop-sunset-indigo);--accent-pop-magenta:var(--stop-sunset-magenta);--accent-pop-ink:var(--neutral-950);--brand-rainbow-line:linear-gradient(90deg,var(--stop-azure-light) 0%,var(--stop-sunset-indigo) 28%,var(--stop-sunset-magenta) 62%,var(--stop-sunset-warm) 100%);--active-bg:rgb(var(--brand-accent-rgb)/0.1);--active-bg-strong:rgb(var(--brand-magenta-rgb)/0.14);--active-border:rgb(var(--brand-accent-rgb)/0.4);--active-rail:linear-gradient(180deg,var(--accent-pop-indigo) 0%,var(--accent-pop-magenta) 60%,var(--accent-pop-warm) 100%);--active-shadow:0 14px 32px -18px rgb(var(--brand-accent-rgb)/0.56),0 8px 22px -18px rgb(var(--brand-magenta-rgb)/0.48);--link:var(--fg-1);--link-hover:var(--accent-pop-indigo);--link-inv:var(--brand-soft);--action-inv-primary:var(--neutral-0);--action-inv-primary-hover:var(--neutral-200);--action-inv-primary-fg:var(--neutral-1000);--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--t-display-xl:80px;--t-display-l:64px;--t-display-m:48px;--t-h1:40px;--t-h2:32px;--t-h3:24px;--t-h4:20px;--t-body-l:18px;--t-body:16px;--t-body-s:14px;--t-caption:13px;--t-micro:12px;--lh-tight:1.05;--lh-snug:1.18;--lh-normal:1.45;--lh-relaxed:1.6;--ls-display:-0.035em;--ls-heading:-0.02em;--ls-body:-0.005em;--ls-eyebrow:0.08em;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--shadow-xs:0 1px 2px rgb(0 0 0/0.05);--shadow-sm:0 2px 4px rgb(0 0 0/0.04),0 1px 2px rgb(0 0 0/0.06);--shadow-md:0 6px 16px rgb(0 0 0/0.07),0 2px 4px rgb(0 0 0/0.04);--shadow-lg:0 18px 40px rgb(0 0 0/0.1),0 4px 8px rgb(0 0 0/0.05);--shadow-xl:0 32px 64px rgb(0 0 0/0.15),0 8px 16px rgb(0 0 0/0.08);--shadow-focus:0 0 0 1px var(--active-border),0 0 0 4px rgb(var(--brand-accent-rgb)/0.16),0 0 0 7px rgb(var(--brand-magenta-rgb)/0.07);--shadow-inset:inset 0 1px 0 rgb(255 255 255/0.08);--ease-standard:cubic-bezier(0.2,0.7,0.1,1);--ease-emphasis:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.5,0,0.75,0);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--dur-reveal:600ms;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1360px;--gutter:24px}html[data-brand=work]{--stop-azure-light:#07a4fd;--stop-azure-dark:#1d2a71;--stop-sunset-warm:#ff5c00;--stop-sunset-magenta:#df3e3c;--stop-sunset-indigo:#3b109e;--brand-deep:#0a1549;--brand-soft:#8992c1;--brand-cyan-rgb:7 164 253;--brand-blue-rgb:29 42 113;--brand-accent-rgb:59 16 158;--brand-magenta-rgb:223 62 60;--brand-warm-rgb:255 92 0;--accent-pop-ink:var(--brand-deep);--status-info:var(--stop-azure-light);--link-hover:var(--stop-azure-dark)}html[data-theme=dark]{--neutral-0:#0a0a0a;--neutral-50:#111113;--neutral-100:#18181b;--neutral-150:#1f1f22;--neutral-200:#27272a;--neutral-300:#3f3f46;--neutral-400:#71717a;--neutral-500:#a1a1aa;--neutral-600:#d4d4d8;--neutral-700:#e4e4e7;--neutral-800:#f4f4f5;--neutral-850:#fafafa;--neutral-900:#ffffff;--neutral-950:#ffffff;--neutral-1000:#ffffff;--surface-0:#0a0a0a;--surface-1:#111113;--surface-2:#18181b;--surface-inv:#ffffff;--surface-inv-raised:#f4f4f5;--surface-code:#0a0a0a;--surface-code-raised:#18181b;--fg-code:#fafafa;--avatar-bg-1:#18181b;--avatar-bg-2:#3f3f46;--avatar-bg-3:#52525b;--avatar-bg-4:#71717a;--fg-1:#fafafa;--fg-2:#d4d4d8;--fg-3:#a1a1aa;--fg-muted:#71717a;--fg-inv-1:#0a0a0a;--fg-inv-2:#27272a;--fg-inv-3:#52525b;--border-subtle:rgb(255 255 255/0.08);--border-1:rgb(255 255 255/0.12);--border-strong:rgb(255 255 255/0.2);--action-primary:#ffffff;--action-primary-hover:#f4f4f5;--action-primary-press:#e4e4e7;--action-primary-fg:#0a0a0a;--action-inv-primary:#0a0a0a;--action-inv-primary-hover:#18181b;--action-inv-primary-fg:#ffffff;--shadow-xs:0 1px 2px rgb(0 0 0/0.3);--shadow-sm:0 2px 4px rgb(0 0 0/0.26),0 1px 2px rgb(0 0 0/0.32);--shadow-md:0 10px 24px rgb(0 0 0/0.35),0 2px 4px rgb(0 0 0/0.28);--shadow-lg:0 18px 40px rgb(0 0 0/0.42),0 4px 8px rgb(0 0 0/0.32);--shadow-xl:0 32px 64px rgb(0 0 0/0.55),0 8px 16px rgb(0 0 0/0.38);--shadow-focus:0 0 0 3px rgb(255 255 255/0.16);color-scheme:dark}html[data-theme=light]{color-scheme:light}@property --dd-ring-angle{syntax:"<angle>";inherits:false;initial-value:180deg}.dd-conic-ring{position:relative;isolation:isolate}.dd-conic-ring:before{content:"";position:absolute;inset:calc(var(--ring-offset, 1.5px) * -1);z-index:-1;padding:var(--ring-width,1.5px);border-radius:inherit;background:conic-gradient(from var(--dd-ring-angle),var(--stop-azure-light),var(--stop-azure-dark),var(--stop-sunset-indigo),var(--stop-sunset-magenta),var(--stop-sunset-warm),var(--stop-azure-light));pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes dd-conic-ring-spin{to{--dd-ring-angle:540deg}}.dd-conic-ring-spin:before{animation:dd-conic-ring-spin var(--ring-duration,6s) linear infinite}.dd-button{appearance:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;height:var(--button-h,36px);padding:0 var(--button-px,14px);color:var(--button-fg);font:500 var(--button-fs,13px) /1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;background:var(--button-bg);border:1px solid var(--button-border,transparent);border-radius:var(--button-radius,8px);box-shadow:var(--button-shadow,none);-webkit-tap-highlight-color:transparent;transition:background .14s var(--ease-standard),background-position .5s var(--ease-standard),border-color .14s var(--ease-standard),color .14s var(--ease-standard),box-shadow .2s var(--ease-standard),transform .14s var(--ease-standard),filter .16s var(--ease-standard)}.dd-button:hover{background:var(--button-bg-hover)}.dd-button[data-variant=ghost]:hover,.dd-button[data-variant=secondary]:hover,.dd-button[data-variant=subtle]:hover{color:var(--fg-1);background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.05) 52%,transparent 100%),var(--button-bg-hover);border-color:var(--active-border,var(--border-strong))}.dd-button:active{transform:translateY(1px)}.dd-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dd-button:disabled,.dd-button[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none;transform:none}.dd-button[data-size=sm]{--button-h:28px;--button-px:10px;--button-fs:12px;--button-radius:6px}.dd-button[data-size=lg]{--button-h:44px;--button-px:20px;--button-fs:15px;--button-radius:10px}.dd-button[data-variant=primary]{--button-bg:var(--action-primary);--button-bg-hover:var(--action-primary-hover);--button-fg:var(--action-primary-fg)}.dd-button[data-variant=secondary]{--button-bg:var(--surface-0);--button-bg-hover:var(--neutral-50);--button-fg:var(--fg-1);--button-border:var(--border-1);--button-shadow:var(--shadow-xs)}.dd-button[data-variant=ghost]{--button-bg:transparent;--button-bg-hover:var(--neutral-100);--button-fg:var(--fg-1)}.dd-button[data-variant=subtle]{--button-bg:var(--neutral-100);--button-bg-hover:var(--neutral-150);--button-fg:var(--fg-1)}.dd-button[data-variant=danger]{--button-bg:var(--status-critical);--button-bg-hover:#b91c1c;--button-fg:#fff}.dd-button[data-variant=signature]{--button-bg:linear-gradient(135deg,var(--stop-sunset-warm) 0%,var(--stop-sunset-magenta) 38%,var(--stop-sunset-indigo) 72%,var(--stop-azure-dark) 100%);--button-bg-hover:linear-gradient(135deg,var(--stop-sunset-warm) 0%,var(--stop-sunset-magenta) 38%,var(--stop-sunset-indigo) 72%,var(--stop-azure-dark) 100%);--button-fg:#fff;--button-shadow:inset 0 1px 0 rgb(255 255 255/0.28),inset 0 -1px 0 rgb(0 0 0/0.12),0 2px 4px rgb(var(--brand-accent-rgb)/0.22),0 10px 28px -8px rgb(var(--brand-accent-rgb)/0.48),0 6px 20px -10px rgb(var(--brand-magenta-rgb)/0.42);background-size:180% 180%;background-position:0 50%;font-weight:600;text-shadow:0 1px 1px rgb(0 0 0/.18)}.dd-button[data-variant=signature]:focus-visible,.dd-button[data-variant=signature]:hover{transform:translateY(-.5px);--button-shadow:inset 0 1px 0 rgb(255 255 255/0.34),inset 0 -1px 0 rgb(0 0 0/0.14),0 2px 4px rgb(var(--brand-accent-rgb)/0.3),0 16px 36px -8px rgb(var(--brand-accent-rgb)/0.58),0 10px 26px -8px rgb(var(--brand-magenta-rgb)/0.5);box-shadow:inset 0 1px 0 rgb(255 255 255/.34),inset 0 -1px 0 rgb(0 0 0/.14),0 2px 4px rgb(var(--brand-accent-rgb)/.3),0 16px 36px -8px rgb(var(--brand-accent-rgb)/.58),0 10px 26px -8px rgb(var(--brand-magenta-rgb)/.5)}.dd-button[data-variant=brand]{--button-bg:var(--surface-0);--button-bg-hover:var(--neutral-50);--button-fg:var(--fg-1);--button-shadow:0 2px 4px rgb(var(--brand-accent-rgb)/0.18),0 10px 26px -8px rgb(var(--brand-accent-rgb)/0.38),0 6px 18px -8px rgb(var(--brand-magenta-rgb)/0.28);font-weight:600}.dd-button[data-variant=rainbow]{--button-bg:var(--surface-0);--button-bg-hover:var(--neutral-50);--button-fg:var(--fg-1);--button-shadow:0 4px 12px -4px rgb(0 0 0/0.25),0 2px 4px rgb(0 0 0/0.08);--ring-width:2px;position:relative;z-index:0;isolation:isolate}.dd-rainbow-hover:before{content:"";position:absolute;inset:0;z-index:1;padding:1.5px;background:conic-gradient(from var(--dd-ring-angle),var(--stop-azure-light) 0,var(--stop-sunset-indigo) 20%,var(--stop-sunset-magenta) 40%,var(--stop-sunset-warm) 60%,var(--stop-sunset-magenta) 80%,var(--stop-azure-light) 100%);border-radius:inherit;opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s var(--ease-standard);animation:dd-conic-ring-spin 16s linear infinite}.dd-rainbow-hover:focus-visible:before,.dd-rainbow-hover:hover:before{opacity:1}.dd-button[data-variant=brand]:focus-visible,.dd-button[data-variant=brand]:hover,.dd-button[data-variant=rainbow]:focus-visible,.dd-button[data-variant=rainbow]:hover{transform:translateY(-.5px);--button-shadow:0 2px 4px rgb(var(--brand-accent-rgb)/0.22),0 14px 32px -8px rgb(var(--brand-accent-rgb)/0.52),0 8px 22px -8px rgb(var(--brand-magenta-rgb)/0.38)}.dd-button[data-variant=brand]:active,.dd-button[data-variant=rainbow]:active{--button-shadow:var(--shadow-lg)}.dd-button[data-variant=rainbow]:active{transform:none}.dd-preview-primary-action,.dd-topbar-primary-action{--button-bg:#fff;--button-bg-hover:#fafafa;--button-fg:#0a0a0a;--button-border:transparent;--button-shadow:var(--shadow-xs);color:#0a0a0a;background:#fff;min-width:max-content}.dd-preview-primary-action.dd-rainbow-hover:before,.dd-topbar-primary-action.dd-rainbow-hover:before{opacity:.82}.dd-preview-primary-action:focus-visible,.dd-preview-primary-action:hover,.dd-topbar-primary-action:focus-visible,.dd-topbar-primary-action:hover{background:#fafafa;color:#0a0a0a;box-shadow:0 2px 4px rgb(var(--brand-accent-rgb)/.18),0 16px 34px -10px rgb(var(--brand-accent-rgb)/.5),0 10px 24px -10px rgb(var(--brand-magenta-rgb)/.38),0 8px 18px -12px rgb(var(--brand-warm-rgb)/.36)}.dd-preview-primary-action:focus-visible:before,.dd-preview-primary-action:hover:before,.dd-topbar-primary-action:focus-visible:before,.dd-topbar-primary-action:hover:before{opacity:1}.dd-button[data-variant=link]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-1);--button-px:0px;--button-shadow:none;height:auto;border-color:transparent;text-decoration:none}.dd-button[data-variant=link]:hover{color:var(--link-hover)}.dd-gradient-text{background:var(--brand-rainbow-line);text-shadow:none}.dd-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;color:var(--badge-fg);font:500 12px/1 var(--font-sans);letter-spacing:-.005em;background:var(--badge-bg);border-radius:999px}.dd-badge-dot{width:6px;height:6px;background:var(--badge-dot);border-radius:50%}.dd-badge[data-tone=success]{--badge-bg:rgb(5 150 105/0.1);--badge-fg:#047857;--badge-dot:var(--status-success)}.dd-badge[data-tone=warn]{--badge-bg:rgb(217 119 6/0.1);--badge-fg:var(--status-warn);--badge-dot:var(--status-warn)}.dd-badge[data-tone=danger]{--badge-bg:rgb(220 38 38/0.1);--badge-fg:var(--status-critical);--badge-dot:var(--status-critical)}.dd-badge[data-tone=info]{--badge-bg:var(--active-bg);--badge-fg:var(--fg-1);--badge-dot:var(--accent-pop-warm)}.dd-badge[data-tone=neutral]{--badge-bg:var(--neutral-100);--badge-fg:var(--fg-2);--badge-dot:var(--neutral-400)}.dd-badge[data-tone=ink]{--badge-bg:var(--fg-1);--badge-fg:var(--fg-inv-1);--badge-dot:var(--fg-inv-1)}.dd-badge[data-variant=tag]{padding:4px 7px;font-family:var(--font-mono);border:1px solid var(--border-1);border-radius:5px}.dd-badge[data-variant=counter]{min-width:22px;justify-content:center;padding:4px 7px;font-family:var(--font-mono);font-weight:600}.dd-badge-inline{display:inline-flex;align-items:center;gap:6px;color:var(--fg-1);font:500 12px/1 var(--font-sans);letter-spacing:-.005em}.dd-badge[data-variant=new]{padding:4px 8px;color:var(--fg-1);font-family:var(--font-mono);background:var(--surface-0);border-radius:999px;box-shadow:var(--shadow-xs)}.dd-badge[data-variant=new]:before{content:"";position:absolute;inset:-1px;z-index:-1;padding:1px;background:conic-gradient(from var(--dd-ring-angle),var(--stop-azure-light),var(--stop-sunset-indigo),var(--stop-sunset-magenta),var(--stop-sunset-warm),var(--stop-azure-light));border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dd-conic-ring-spin 8s linear infinite}.dd-card{padding:var(--card-padding,20px);color:var(--fg-1);background:var(--card-bg,var(--surface-0));border:1px solid var(--card-border,var(--border-subtle));border-radius:14px;box-shadow:var(--card-shadow,none)}.dd-card[data-variant=elevated]{--card-shadow:var(--shadow-md)}.dd-card[data-variant=inverted]{--card-bg:var(--surface-code);--card-border:rgb(255 255 255/0.06);color:#fff}.dd-card[data-variant=brand]{--card-border:transparent}.dd-field{display:flex;flex-direction:column;gap:6px}.dd-field-label{color:var(--fg-1);font:500 12px/1 var(--font-sans)}.dd-field-hint{color:var(--fg-3);font:400 11px/1.3 var(--font-sans)}.dd-input-wrap{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-xs);transition:border .12s,box-shadow .12s}.dd-input-wrap:focus-within,.dd-input-wrap[data-state=focus]{border-color:var(--accent-pop-indigo);box-shadow:0 0 0 3px rgb(var(--brand-accent-rgb)/.15),0 0 0 6px rgb(var(--brand-magenta-rgb)/.06),0 4px 10px -4px rgb(var(--brand-accent-rgb)/.25)}.dd-input-wrap[data-state=error]{background:rgb(220 38 38/.02);border-color:var(--status-critical);box-shadow:0 0 0 3px rgb(220 38 38/.15)}.dd-input-wrap[data-disabled=true]{color:var(--fg-muted);background:var(--neutral-50);box-shadow:none}.dd-input{flex:1 1;min-width:0;color:var(--fg-1);font:400 13px/1 var(--font-sans);letter-spacing:-.005em;background:transparent;border:0;outline:0}.dd-input:disabled{color:var(--fg-muted);cursor:not-allowed}.dd-input-affix{flex-shrink:0;align-self:stretch;display:inline-flex;align-items:center;margin-right:-12px;padding:0 10px;color:var(--accent-pop-indigo);font:500 11px/1 var(--font-mono);background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.08),rgb(var(--brand-magenta-rgb)/.06));border-left:1px solid var(--border-subtle)}.dd-control-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.dd-control-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-control-title{color:var(--fg-1);font:600 12px/1 var(--font-sans)}.dd-choice-row{display:flex;align-items:center;gap:10px;color:var(--fg-2);font:500 13px/1.2 var(--font-sans)}.dd-checkbox{display:inline-grid;place-items:center;width:18px;height:18px;color:#fff;background:linear-gradient(135deg,var(--stop-sunset-indigo) 0,var(--stop-sunset-magenta) 100%);border:1px solid transparent;border-radius:4px}.dd-switch{position:relative;display:inline-flex;width:36px;height:20px;background:linear-gradient(90deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 50%,var(--stop-sunset-indigo) 100%);border-radius:999px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.1)}.dd-switch:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;background:var(--surface-0);border-radius:50%;box-shadow:var(--shadow-xs)}.dd-combo-menu{display:flex;flex-direction:column;gap:2px;padding:5px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:10px;box-shadow:var(--shadow-md)}.dd-combo-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;color:var(--fg-1);font:500 13px/1 var(--font-sans);border-radius:7px}.dd-combo-option[data-active=true]{color:var(--accent-pop-indigo);background:linear-gradient(90deg,rgb(var(--brand-accent-rgb)/.1),rgb(var(--brand-magenta-rgb)/.06),transparent)}.dd-space-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dd-space-summary-grid strong{display:block;margin-top:8px;color:var(--fg-1);font:700 32px/1 var(--font-sans)}.dd-space-summary-grid small{display:block;margin-top:6px;color:var(--fg-3);font:400 12px/1.35 var(--font-sans)}.dd-space-primitive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dd-space-primitive-card{min-width:0;overflow:hidden}.dd-space-primitive-body,.dd-space-primitive-head{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px}.dd-space-primitive-body .dd-shadcn-export .dd-inline-code{overflow-x:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.dd-space-primitive-head{border-bottom:1px solid var(--border-subtle)}.dd-space-primitive-head>span:first-child{display:flex;flex-direction:column;gap:9px;min-width:0}.dd-space-primitive-head h3{margin:0;color:var(--fg-1);font:650 18px/1.15 var(--font-sans)}.dd-space-primitive-head p{margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-space-preview{min-height:240px;padding:18px;background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.06),transparent 38%),linear-gradient(180deg,var(--neutral-50),var(--surface-0));border-bottom:1px solid var(--border-subtle)}.dd-space-overview-preview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);gap:12px;width:100%;min-width:0}.dd-space-overview-preview .dd-space-selection-preview{min-height:220px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px}.dd-space-actions-preview,.dd-space-disclosure-preview,.dd-space-display-preview,.dd-space-feedback-preview,.dd-space-overlays-preview,.dd-space-selection-preview{display:grid;gap:12px;align-content:start}.dd-space-action-toolbar{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.dd-space-icon-button-row{display:flex;gap:8px}.dd-space-dialog-head button,.dd-space-icon-button-row button,.dd-space-pagination button{display:inline-grid;place-items:center;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-xs)}.dd-space-icon-button-row button{width:34px;height:34px}.dd-space-icon-button-row button[data-active=true],.dd-space-pagination button[aria-current=page]{color:var(--fg-1);border-color:var(--active-border);box-shadow:var(--shadow-focus)}.dd-space-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dd-space-textarea-field{grid-column:1/-1}.dd-space-textarea{min-height:84px;resize:vertical;width:100%;padding:11px 12px;color:var(--fg-1);font:400 16px/1.35 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-xs)}.dd-space-textarea:focus-visible{outline:none;border-color:var(--accent-pop-indigo);box-shadow:var(--shadow-focus)}.dd-space-fieldset,.dd-space-select-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-space-fieldset{margin:0}.dd-space-fieldset legend{padding:0 4px;color:var(--fg-1);font:600 12px/1 var(--font-sans)}.dd-space-check-row,.dd-space-radio-row{display:flex;align-items:center;gap:10px;color:var(--fg-2);font:500 13px/1.2 var(--font-sans)}.dd-space-radio-row>span:first-child{width:18px;height:18px;border:1px solid var(--border-strong);border-radius:999px;box-shadow:inset 0 0 0 4px var(--surface-0)}.dd-space-radio-row>span:first-child[data-checked=true]{background:var(--accent-pop-indigo);border-color:var(--accent-pop-indigo)}.dd-space-slider{position:relative;display:block;height:8px;margin-top:4px;background:var(--neutral-150);border-radius:999px}.dd-space-slider i{position:absolute;inset:0 18% 0 0;background:var(--brand-rainbow-line);border-radius:inherit}.dd-space-calendar-preview .dd-shadcn-calendar-block-preview{width:min(100%,360px);margin:0 auto;background:var(--surface-0)}.dd-space-dialog,.dd-space-popover{min-width:0;background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-md)}.dd-space-dialog{padding:14px;border-radius:14px}.dd-space-dialog-actions,.dd-space-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dd-space-dialog-head strong{color:var(--fg-1);font:650 14px/1.2 var(--font-sans)}.dd-space-dialog-head button{width:28px;height:28px}.dd-space-dialog p{margin:10px 0 14px;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-space-dialog-actions{justify-content:flex-end}.dd-space-popover{display:flex;flex-direction:column;gap:3px;width:min(100%,220px);padding:6px;border-radius:10px}.dd-space-popover span{padding:8px 9px;color:var(--fg-1);font:500 13px/1 var(--font-sans);border-radius:7px}.dd-space-popover span[data-active=true]{background:linear-gradient(90deg,var(--active-bg),rgb(var(--brand-magenta-rgb)/.06),transparent)}.dd-space-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-space-tabs button{flex:1 1;min-width:0;padding:8px 10px;color:var(--fg-2);font:600 12px/1 var(--font-sans);background:transparent;border:0;border-radius:7px}.dd-space-tabs button[aria-selected=true]{color:var(--fg-1);background:var(--surface-0);box-shadow:inset 0 0 0 1px var(--active-border),var(--shadow-xs)}.dd-space-accordion{display:grid;gap:8px}.dd-space-accordion details{padding:12px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-space-accordion summary{display:flex;align-items:center;justify-content:space-between;color:var(--fg-1);font:600 13px/1 var(--font-sans);cursor:pointer;list-style:none}.dd-space-accordion summary::-webkit-details-marker{display:none}.dd-space-accordion p{margin:10px 0 0;color:var(--fg-2);font:400 12px/1.4 var(--font-sans)}.dd-space-alert{display:flex;align-items:center;gap:10px;padding:12px;color:var(--fg-2);font:500 13px/1.35 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-space-alert[data-tone=danger]{border-color:rgb(220 38 38/.24)}.dd-space-progress{display:block;height:8px;background:var(--neutral-150);border-radius:999px;overflow:hidden}.dd-space-progress i{display:block;width:72%;height:100%;background:var(--brand-rainbow-line)}.dd-space-skeleton{display:grid;gap:8px}.dd-space-skeleton span{display:block;height:12px;background:linear-gradient(90deg,var(--neutral-100),var(--neutral-150),var(--neutral-100));border-radius:999px}.dd-space-skeleton span:nth-child(2){width:74%}.dd-space-skeleton span:nth-child(3){width:48%}.dd-space-breadcrumb{display:inline-flex;align-items:center;gap:7px;color:var(--fg-3);font:500 12px/1 var(--font-sans)}.dd-space-breadcrumb strong{color:var(--fg-1)}.dd-space-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dd-space-card-row span{min-width:0;padding:12px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-space-card-row small,.dd-space-card-row strong{display:block}.dd-space-card-row strong{color:var(--fg-1);font:700 18px/1 var(--font-sans)}.dd-space-card-row small{margin-top:5px;color:var(--fg-3);font:500 11px/1 var(--font-mono)}.dd-space-pagination{display:flex;gap:6px}.dd-space-pagination button{width:30px;height:30px;font:600 12px/1 var(--font-mono)}.dd-space-dashboard-chart-preview,.dd-space-dashboard-forms-preview,.dd-space-dashboard-nav-preview,.dd-space-dashboard-table-preview,.dd-space-dashboard-widget-preview{display:grid;gap:12px;align-content:start}.dd-space-dashboard-widget-preview,.dd-space-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dd-space-dashboard-widget-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-space-dashboard-widget-preview>span,.dd-space-kpi-grid span{display:grid;gap:8px;min-width:0;padding:12px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-space-dashboard-widget-preview strong,.dd-space-kpi-grid strong{color:var(--fg-1);font:700 24px/1 var(--font-sans)}.dd-space-dashboard-widget-preview small{color:var(--fg-3);font:500 11px/1 var(--font-mono)}.dd-space-dashboard-chart-preview svg{width:100%;min-height:180px;overflow:visible;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-dashboard-chart-preview svg path:first-child{fill:none;stroke:var(--accent-pop-indigo);stroke-width:5;stroke-linecap:round}.dd-space-dashboard-chart-preview svg path:last-child{fill:rgb(var(--brand-accent-rgb)/.1);stroke:none}.dd-space-table-head,.dd-space-table-row{display:grid;grid-template-columns:minmax(92px,.9fr) minmax(92px,1fr) minmax(88px,1fr) auto;gap:10px;align-items:center;min-width:520px;padding:10px 12px}.dd-space-dashboard-table-preview{overflow-x:auto;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-table-head{color:var(--fg-3);font:600 11px/1 var(--font-mono);text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.dd-space-table-head>span:first-child{display:inline-flex;align-items:center;gap:8px}.dd-space-table-row{color:var(--fg-1);font:500 13px/1.2 var(--font-sans)}.dd-space-table-row+.dd-space-table-row{border-top:1px solid var(--border-subtle)}.dd-space-dashboard-nav-preview{grid-template-columns:168px minmax(0,1fr);min-height:260px;padding:0;overflow:hidden;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px}.dd-space-dashboard-nav-preview aside{display:flex;flex-direction:column;gap:6px;padding:12px;border-right:1px solid var(--border-subtle)}.dd-space-dashboard-nav-preview aside>span{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;color:var(--fg-2);font:500 12px/1 var(--font-sans);border-radius:8px}.dd-space-dashboard-nav-preview aside>span[data-active=true]{color:var(--fg-1);background:linear-gradient(90deg,var(--active-bg),rgb(var(--brand-magenta-rgb)/.07),transparent)}.dd-space-dashboard-nav-preview aside em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dd-space-dashboard-nav-preview main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.dd-space-dashboard-nav-preview main>div{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-subtle)}.dd-space-dashboard-nav-preview main>div>button,.dd-space-dashboard-nav-preview main>div>span{display:inline-flex;align-items:center;gap:6px;min-width:0;height:30px;padding:0 9px;color:var(--fg-2);font:500 12px/1 var(--font-sans);background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:8px}.dd-space-dashboard-nav-preview main>section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.dd-space-dashboard-nav-preview main>section span{min-height:120px;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:12px}.dd-space-dashboard-forms-preview .dd-space-action-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dd-space-marketing-auth-preview,.dd-space-marketing-features-preview,.dd-space-marketing-hero-preview,.dd-space-marketing-pricing-preview,.dd-space-marketing-social-preview,.dd-space-marketing-utility-preview{display:grid;gap:12px;align-content:start}.dd-space-marketing-hero-preview header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-marketing-hero-preview nav{display:flex;gap:6px;min-width:0;overflow:hidden}.dd-space-footer-preview span,.dd-space-marketing-hero-preview nav span,.dd-space-marketing-logo-strip span,.dd-space-portfolio-row span{color:var(--fg-2);font:600 12px/1 var(--font-sans)}.dd-space-marketing-hero-preview nav span{padding:7px 8px;border-radius:8px;white-space:nowrap}.dd-space-marketing-hero-preview nav span[data-active=true]{color:var(--fg-1);background:var(--active-bg)}.dd-space-billing-toggle button,.dd-space-carousel-controls button,.dd-space-marketing-hero-preview header button{display:inline-grid;place-items:center;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-xs)}.dd-space-marketing-hero-preview header button{width:34px;height:34px}.dd-space-marketing-hero-preview section{display:grid;gap:10px;padding:18px;background:radial-gradient(ellipse 84% 70% at 90% 0,rgb(var(--brand-magenta-rgb)/.12),transparent 58%),var(--surface-0);border:1px solid var(--border-subtle);border-radius:16px}.dd-space-marketing-hero-preview h4{max-width:440px;margin:0;color:var(--fg-1);font:700 28px/1.05 var(--font-sans)}.dd-space-bento-card p,.dd-space-faq-stack p,.dd-space-marketing-hero-preview p{margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-space-marketing-hero-preview section>div{display:flex;flex-wrap:wrap;gap:8px}.dd-space-footer-preview,.dd-space-marketing-logo-strip,.dd-space-portfolio-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dd-space-footer-preview span,.dd-space-marketing-logo-strip span,.dd-space-portfolio-row span{padding:8px 10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px}.dd-space-billing-toggle{display:inline-flex;width:fit-content;padding:4px;background:var(--neutral-100);border:1px solid var(--border-subtle);border-radius:10px}.dd-space-billing-toggle button{height:28px;padding:0 10px;font:600 12px/1 var(--font-sans);box-shadow:none}.dd-space-billing-toggle button[aria-pressed=true]{color:var(--fg-1);border-color:var(--active-border)}.dd-space-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dd-space-pricing-grid section{display:grid;gap:10px;min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-pricing-grid section[data-featured=true]{border-color:var(--active-border);box-shadow:var(--shadow-focus)}.dd-space-auth-head strong,.dd-space-bento-card strong,.dd-space-marketing-social-preview blockquote strong,.dd-space-otp-panel small,.dd-space-pricing-grid span,.dd-space-pricing-grid strong{color:var(--fg-1)}.dd-space-pricing-grid strong{font:700 18px/1 var(--font-sans)}.dd-space-pricing-grid span{font:750 28px/1 var(--font-sans)}.dd-space-pricing-grid small{color:var(--fg-3);font:500 12px/1 var(--font-mono)}.dd-space-pricing-grid ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.dd-space-pricing-grid li{display:flex;align-items:center;gap:7px;color:var(--fg-2);font:500 12px/1.2 var(--font-sans)}.dd-space-newsletter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.dd-space-marketing-features-preview{grid-template-columns:1.2fr repeat(2,minmax(0,.8fr))}.dd-space-bento-card{display:grid;gap:8px;min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-bento-card[data-featured=true]{grid-row:span 2;align-content:end;min-height:210px;background:radial-gradient(ellipse 92% 72% at 10% 0,rgb(var(--brand-accent-rgb)/.14),transparent 62%),var(--surface-0)}.dd-space-auth-head strong,.dd-space-bento-card strong,.dd-space-marketing-social-preview blockquote strong{font:650 14px/1.2 var(--font-sans)}.dd-space-auth-head small,.dd-space-bento-card small,.dd-space-marketing-social-preview blockquote small{color:var(--fg-3);font:500 11px/1.35 var(--font-sans)}.dd-space-auth-card,.dd-space-contact-form,.dd-space-faq-stack,.dd-space-footer-preview,.dd-space-marketing-social-preview blockquote,.dd-space-otp-panel{min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-marketing-social-preview blockquote{display:grid;gap:12px;margin:0}.dd-space-marketing-social-preview blockquote p{margin:0;color:var(--fg-1);font:600 16px/1.38 var(--font-sans)}.dd-space-auth-head,.dd-space-marketing-social-preview blockquote footer{display:flex;align-items:center;gap:10px}.dd-space-auth-head span,.dd-space-marketing-social-preview blockquote footer span{display:grid;gap:3px;min-width:0}.dd-space-carousel-controls{display:flex;gap:7px;align-items:center}.dd-space-carousel-controls button{width:30px;height:30px}.dd-space-carousel-controls>span{width:7px;height:7px;background:var(--neutral-250);border-radius:999px}.dd-space-carousel-controls>span[data-active=true],.dd-space-portfolio-row span[data-active=true]{background:var(--brand-rainbow-line)}.dd-space-marketing-auth-preview{grid-template-columns:minmax(0,1fr) minmax(180px,.75fr)}.dd-space-auth-card,.dd-space-contact-form,.dd-space-faq-stack,.dd-space-otp-panel{display:grid;gap:12px}.dd-space-auth-card .dd-button[data-loading=true]{opacity:.86}.dd-space-otp-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dd-space-otp-row input{width:100%;height:38px;color:var(--fg-1);text-align:center;font:700 16px/1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px}.dd-space-otp-row input:focus-visible{outline:none;border-color:var(--accent-pop-indigo);box-shadow:var(--shadow-focus)}.dd-space-marketing-utility-preview{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr)}.dd-space-contact-form .dd-space-textarea{min-height:74px}.dd-space-faq-stack details{padding:10px 0}.dd-space-faq-stack details+details{border-top:1px solid var(--border-subtle)}.dd-space-faq-stack summary{display:flex;align-items:center;justify-content:space-between;color:var(--fg-1);font:600 13px/1.2 var(--font-sans);cursor:pointer;list-style:none}.dd-space-faq-stack summary::-webkit-details-marker{display:none}.dd-space-footer-preview{grid-column:1/-1}.dd-space-motion-preview{position:relative;overflow:hidden}.dd-space-motion-blocks-preview,.dd-space-motion-loaders-preview,.dd-space-motion-marquee-preview,.dd-space-motion-shine-preview,.dd-space-motion-text-preview,.dd-space-motion-transitions-preview{display:grid;gap:12px;align-content:start}.dd-space-motion-kicker{width:fit-content;padding:7px 9px;color:var(--fg-1);font:600 11px/1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px}.dd-space-motion-reveal{display:block;color:var(--fg-1);font:750 32px/1 var(--font-sans);animation:dd-space-text-reveal 1.8s var(--ease-emphasis) infinite alternate}.dd-space-number-ticker{display:flex;gap:5px;align-items:center}.dd-space-number-ticker span{display:inline-grid;place-items:center;width:34px;height:44px;color:var(--fg-1);font:750 24px/1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-xs);animation:dd-space-ticker-lift 1.4s var(--ease-emphasis) infinite alternate}.dd-space-number-ticker span:nth-child(2){animation-delay:80ms}.dd-space-number-ticker span:nth-child(4){animation-delay:.16s}.dd-space-spinning-label{display:inline-grid;place-items:center;position:relative;width:92px;height:92px;color:var(--fg-2);font:700 10px/1.2 var(--font-mono);text-align:center;text-transform:uppercase;background:conic-gradient(from 90deg,var(--stop-sunset-warm),var(--stop-sunset-magenta),var(--stop-sunset-indigo),var(--stop-sunset-warm));border-radius:999px;animation:dd-space-spin 9s linear infinite}.dd-space-spinning-label:before{position:absolute;width:72px;height:72px;content:"";background:var(--surface-0);border-radius:999px}.dd-space-spinning-label{isolation:isolate}.dd-space-spinning-label:after{position:absolute;z-index:-1;content:""}.dd-space-marquee-track{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0}.dd-space-dock-row button,.dd-space-marquee-track span{display:inline-grid;place-items:center;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.dd-space-marquee-track span{min-width:92px;height:34px;font:650 12px/1 var(--font-sans);border-radius:999px;animation:dd-space-marquee-item 2.2s var(--ease-emphasis) infinite alternate}.dd-space-marquee-track span:nth-child(2n){animation-delay:.16s}.dd-space-orbit{position:relative;width:min(100%,240px);height:132px;margin:0 auto;border:1px dashed var(--border-1);border-radius:999px}.dd-space-orbit span{--orbit-angle:calc(var(--orbit-i) * 90deg);position:absolute;top:50%;left:50%;display:inline-grid;place-items:center;width:34px;height:34px;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px;transform:rotate(var(--orbit-angle)) translateX(104px) rotate(calc(var(--orbit-angle) * -1));animation:dd-space-orbit 12s linear infinite}.dd-space-dock-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}.dd-space-dock-row button{width:40px;height:40px;border-radius:12px;transition:transform .16s var(--ease-standard),border-color .16s var(--ease-standard)}.dd-space-dock-row button[data-active=true]{color:var(--fg-1);border-color:var(--active-border);transform:translateY(-4px) scale(1.08)}.dd-space-shine-card{position:relative;display:grid;gap:10px;min-width:0;padding:16px;overflow:hidden;background:var(--surface-0);border:1px solid transparent;border-radius:16px;box-shadow:var(--shadow-xs)}.dd-space-avatar-ring:before,.dd-space-shine-card:before{position:absolute;inset:-2px;z-index:0;content:"";background:conic-gradient(from 0deg,var(--stop-sunset-warm),var(--stop-sunset-magenta),var(--stop-sunset-indigo),var(--stop-sunset-warm));animation:dd-space-spin 6s linear infinite}.dd-space-avatar-ring>*,.dd-space-shine-card>*{position:relative;z-index:1}.dd-space-shine-card:after{position:absolute;inset:1px;z-index:0;content:"";background:var(--surface-0);border-radius:14px}.dd-space-shine-card strong{color:var(--fg-1);font:700 18px/1.15 var(--font-sans)}.dd-space-motion-block-card span,.dd-space-shine-card p,.dd-space-transition-popover span{margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-space-avatar-ring{position:relative;display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:999px}.dd-space-avatar-ring:after{position:absolute;inset:3px;z-index:0;content:"";background:var(--surface-0);border-radius:999px}.dd-space-loader-grid,.dd-space-motion-block-card,.dd-space-motion-transitions-preview details,.dd-space-transition-popover{display:grid;gap:8px;min-width:0;padding:14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-motion-transitions-preview summary{display:flex;align-items:center;justify-content:space-between;color:var(--fg-1);font:650 13px/1.2 var(--font-sans);cursor:pointer;list-style:none}.dd-space-motion-transitions-preview summary::-webkit-details-marker{display:none}.dd-space-motion-transitions-preview details p{margin:0;color:var(--fg-2);font:400 12px/1.4 var(--font-sans)}.dd-space-transition-popover{animation:dd-space-dialog-in 1.8s var(--ease-emphasis) infinite alternate}.dd-space-loader-grid strong,.dd-space-motion-block-card strong,.dd-space-transition-popover strong{color:var(--fg-1);font:650 14px/1.2 var(--font-sans)}.dd-space-loader-grid{grid-template-columns:auto minmax(0,1fr);align-items:center}.dd-space-loader-grid small{grid-column:2;color:var(--fg-3);font:500 11px/1 var(--font-mono)}.dd-space-spinner{width:32px;height:32px;border:3px solid var(--neutral-150);border-top-color:var(--accent-pop-indigo);border-radius:999px;animation:dd-space-spin .9s linear infinite}.dd-space-motion-blocks-preview svg{width:100%;min-height:120px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-space-motion-blocks-preview svg path{fill:none;stroke:var(--accent-pop-indigo);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:dd-space-chart-draw 1.8s var(--ease-emphasis) infinite alternate}@keyframes dd-space-text-reveal{0%{opacity:.64;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dd-space-ticker-lift{0%{transform:translateY(4px)}to{transform:translateY(-2px)}}@keyframes dd-space-spin{to{transform:rotate(1turn)}}@keyframes dd-space-marquee-item{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes dd-space-orbit{to{transform:rotate(calc(var(--orbit-angle) + 1turn)) translateX(104px) rotate(calc((var(--orbit-angle) + 1turn) * -1))}}@keyframes dd-space-dialog-in{0%{opacity:.72;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dd-space-chart-draw{to{stroke-dashoffset:0}}.dd-eyebrow{color:var(--fg-3);font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.dd-avatar{display:grid;flex-shrink:0;place-items:center;overflow:hidden;width:var(--avatar-size,28px);height:var(--avatar-size,28px);color:var(--avatar-fg,#fff);font:500 calc(var(--avatar-size, 28px) * .4) /1 var(--font-sans);background:var(--avatar-bg,var(--neutral-900));border:1px solid rgb(255 255 255/.1);border-radius:50%;box-shadow:inset 0 1px 0 rgb(255 255 255/.12)}.dd-avatar img{display:block;width:100%;height:100%;object-fit:cover}.dd-logo{display:inline-flex;align-items:center;min-width:0;max-width:100%;gap:10px}.dd-logo-mark{display:block;flex:0 0 auto}.dd-logo-word{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-brand-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;height:32px;padding:3px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px;box-shadow:var(--shadow-xs)}.dd-brand-toggle button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 8px;color:var(--fg-3);font:600 11px/1 var(--font-mono);letter-spacing:0;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-radius:6px;transition:background .14s var(--ease-standard),color .14s var(--ease-standard),box-shadow .16s var(--ease-standard),transform .14s var(--ease-standard)}.dd-brand-toggle button:hover{color:var(--fg-1);background:var(--active-bg)}.dd-brand-toggle button[data-active=true]{color:var(--fg-1);background:linear-gradient(135deg,var(--active-bg),rgb(var(--brand-magenta-rgb)/.06)),var(--surface-0);box-shadow:inset 0 0 0 1px var(--active-border),0 4px 12px -8px rgb(var(--brand-accent-rgb)/.62)}.dd-brand-toggle button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dd-brand-toggle[data-compact=true]{height:32px}@media (prefers-reduced-motion:reduce){.dd-badge[data-variant=new]:before,.dd-chart-area,.dd-chart-line,.dd-conic-ring-spin:before,.dd-eval-bar,.dd-marketing-nav-cta:before,.dd-rainbow-hover:before{animation:none}.dd-space-motion-preview *,.dd-space-motion-preview :after,.dd-space-motion-preview :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.dd-space-motion-reveal,.dd-space-number-ticker span,.dd-space-transition-popover{opacity:1;transform:none}.dd-space-marquee-track{flex-wrap:wrap;width:100%;transform:none}.dd-space-orbit span{transform:none}.dd-space-motion-blocks-preview svg path{stroke-dashoffset:0}}.dd-app{display:grid;grid-template-columns:var(--sidebar-w,256px) minmax(0,1fr);min-height:100vh;min-height:100dvh;max-width:100vw;overflow-x:clip;background:var(--neutral-50);transition:grid-template-columns .22s var(--ease-standard)}.dd-app[data-collapsed=true]{--sidebar-w:56px}.dd-sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;height:100vh;padding:10px 8px;overflow:visible;background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-side-head{display:flex;align-items:center;height:48px;padding:6px 6px 6px 10px;flex-shrink:0}.dd-org-wrap{position:relative;padding:4px 4px 8px}.dd-org-switcher{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 9px;color:var(--fg-1);text-align:left;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs);cursor:pointer;transition:background .14s,border-color .14s}.dd-org-switcher:hover{background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.05) 52%,transparent 100%),var(--surface-0);border-color:var(--active-border)}.dd-org-mark{display:grid;flex-shrink:0;overflow:hidden;place-items:center;width:28px;height:28px;color:#fff;background:var(--gradient-sunset);border-radius:8px}.dd-org-mark img{display:block;width:100%;height:100%;object-fit:cover}.dd-org-copy{min-width:0;flex:1 1}.dd-org-name,.dd-org-plan{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-org-name{font:600 13px/1.15 var(--font-sans)}.dd-org-plan{margin-top:2px;color:var(--fg-3);font:400 11px/1.15 var(--font-mono)}.dd-org-chevron{flex-shrink:0;color:var(--fg-3);transition:transform .16s var(--ease-standard),color .14s}.dd-org-switcher[data-open=true] .dd-org-chevron{color:var(--fg-1);transform:rotate(180deg)}.dd-org-menu{position:absolute;top:calc(100% + 4px);right:4px;left:4px;z-index:60;display:flex;flex-direction:column;gap:3px;padding:6px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:12px;box-shadow:var(--shadow-lg)}.dd-org-menu-item{display:flex;align-items:center;gap:10px;padding:8px;color:var(--fg-1);font:500 13px/1 var(--font-sans);text-align:left;background:transparent;border:0;border-radius:8px;cursor:pointer}.dd-org-menu-item:hover{background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.05) 52%,transparent 100%)}.dd-org-menu-item[disabled],.dd-user-menu-item[disabled]{cursor:not-allowed;opacity:.56}.dd-org-menu-copy{display:grid;min-width:0;gap:3px}.dd-org-menu-meta,.dd-org-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-org-menu-meta{color:var(--fg-3);font:400 11px/1 var(--font-mono)}.dd-org-menu .dd-badge{margin-left:auto}.dd-org-menu-separator{height:1px;margin:4px 2px;background:var(--border-subtle)}.dd-side-logo{min-width:0;overflow:hidden;flex:1 1}.dd-app[data-collapsed=true] .dd-side-logo{display:none}.dd-collapse-toggle,.dd-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--fg-2);background:transparent;border:0;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .14s,color .14s,box-shadow .16s var(--ease-standard),transform .14s var(--ease-standard)}.dd-collapse-toggle{width:28px;height:28px;color:var(--fg-3)}.dd-collapse-toggle:hover,.dd-icon-button:hover{color:var(--fg-1);background:linear-gradient(135deg,var(--active-bg),rgb(var(--brand-magenta-rgb)/.05)),var(--surface-0);box-shadow:inset 0 0 0 1px var(--active-border),var(--active-shadow);transform:translateY(-.5px)}.dd-icon-button[aria-pressed=true],.dd-icon-button[data-active=true]{color:var(--fg-1);background:linear-gradient(135deg,var(--active-bg-strong),rgb(var(--brand-accent-rgb)/.08)),var(--surface-0);box-shadow:inset 0 0 0 1px var(--active-border),var(--active-shadow)}.dd-preview-product-topbar .dd-button:not([data-variant=rainbow]):hover,.dd-topbar>.dd-button:not([data-variant=rainbow]):hover{box-shadow:0 2px 4px rgb(0 0 0/.08),0 14px 28px -18px rgb(0 0 0/.42);transform:translateY(-.5px)}.dd-icon-button[data-active=true]:after{position:absolute;top:6px;right:6px;width:6px;height:6px;content:"";background:var(--gradient-sunset);border:1px solid var(--surface-0);border-radius:999px}.dd-icon-button[aria-pressed=true]:after{display:none}.dd-collapse-toggle svg{transition:transform .22s var(--ease-standard)}.dd-app[data-collapsed=true] .dd-side-head{justify-content:center;padding:6px 0}.dd-app[data-collapsed=true] .dd-collapse-toggle svg{transform:rotate(180deg)}.dd-app[data-collapsed=true] .dd-org-wrap{padding:4px 0 8px}.dd-app[data-collapsed=true] .dd-org-switcher{justify-content:center;padding:7px 4px}.dd-app[data-collapsed=true] .dd-org-chevron,.dd-app[data-collapsed=true] .dd-org-copy{display:none}.dd-app[data-collapsed=true] .dd-org-menu{top:4px;right:auto;left:calc(100% + 8px);width:220px}.dd-side-scroll{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;padding:4px 0 8px;overflow-x:hidden;overflow-y:auto}.dd-side-section{display:flex;align-items:center;gap:8px;margin:12px 4px 4px;padding:8px 8px 5px;color:var(--fg-3);font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.dd-side-section:first-child{margin-top:4px}.dd-side-section:before{width:5px;height:5px;content:"";background:var(--neutral-300);border-radius:999px}.dd-side-section:after{flex:1 1;height:1px;min-width:12px;content:"";background:linear-gradient(90deg,var(--border-subtle),transparent)}.dd-app[data-collapsed=true] .dd-side-section{height:12px;padding:6px 0;opacity:0}.dd-side-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;margin:0 4px;min-height:34px;padding:9px 10px 9px 14px;color:var(--fg-2);font:500 13px/1 var(--font-sans);letter-spacing:-.005em;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:background .14s,color .14s;white-space:nowrap;text-decoration:none}.dd-side-item svg{flex-shrink:0;color:var(--fg-3)}.dd-side-item:hover{color:var(--fg-1);background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.05) 50%,transparent 100%)}.dd-side-item:hover svg,.dd-side-item[data-active=true] svg{color:var(--accent-pop-indigo)}.dd-side-item[data-active=true]{color:var(--fg-1);font-weight:600;background:linear-gradient(90deg,var(--active-bg-strong) 0,rgb(var(--brand-magenta-rgb)/.08) 45%,transparent 90%)}.dd-side-item[data-active=true]:before{content:"";position:absolute;top:6px;bottom:6px;left:4px;width:3px;border-radius:3px;background:var(--active-rail);box-shadow:0 0 8px rgb(var(--brand-warm-rgb)/.28)}.dd-side-label{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1 1}.dd-side-badge{padding:3px 6px;color:var(--fg-1);font:500 10px/1 var(--font-mono);background:var(--active-bg);border-radius:4px}.dd-app[data-collapsed=true] .dd-side-item{justify-content:center;padding:8px}.dd-app[data-collapsed=true] .dd-side-item:hover{background:var(--active-bg)}.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-side-item[data-active=true]:before,.dd-app[data-collapsed=true] .dd-side-label{display:none}.dd-side-foot{position:relative;flex-shrink:0;padding:8px 4px 4px;margin-top:auto;border-top:1px solid var(--border-subtle)}.dd-user-card{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;background:transparent;border:0;border-radius:8px;cursor:pointer;transition:background .14s}.dd-user-card:hover{background:var(--neutral-100)}.dd-user-card[disabled]{cursor:wait;opacity:.64}.dd-user-chevron{flex-shrink:0;color:var(--fg-3);transition:transform .16s var(--ease-standard),color .14s}.dd-user-card[data-open=true] .dd-user-chevron{color:var(--fg-1);transform:rotate(180deg)}.dd-user-info{min-width:0;flex:1 1;text-align:left}.dd-user-name{color:var(--fg-1);font:500 13px/1.2 var(--font-sans)}.dd-user-email,.dd-user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-user-email{margin-top:2px;color:var(--fg-3);font:400 11px/1.2 var(--font-mono)}.dd-app[data-collapsed=true] .dd-user-card{justify-content:center;padding:7px 4px}.dd-app[data-collapsed=true] .dd-user-chevron,.dd-app[data-collapsed=true] .dd-user-info{display:none}.dd-user-menu{position:absolute;right:8px;bottom:calc(100% + 6px);left:8px;z-index:50;display:flex;flex-direction:column;gap:1px;padding:5px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:10px;box-shadow:0 20px 48px -16px rgb(0 0 0/.22),0 8px 20px -12px rgb(var(--brand-warm-rgb)/.18)}.dd-app[data-collapsed=true] .dd-user-menu{right:auto;bottom:4px;left:calc(100% + 8px);width:220px}.dd-user-menu-header{padding:10px 10px 8px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}.dd-user-menu-header,.dd-user-menu-item{display:flex;align-items:center;gap:10px}.dd-user-menu-item{padding:8px 10px;color:var(--fg-1);font:500 13px/1 var(--font-sans);background:transparent;border:0;border-radius:6px;cursor:pointer;transition:background .14s,color .14s;white-space:nowrap;text-align:left;text-decoration:none}.dd-user-menu-item svg{flex-shrink:0;color:var(--fg-3)}.dd-user-menu-item:hover{background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.06) 50%,transparent 100%)}.dd-user-menu-item:hover svg{color:var(--fg-1)}.dd-user-menu-item[data-destructive=true],.dd-user-menu-item[data-destructive=true] svg{color:var(--status-critical)}.dd-user-menu-separator{height:1px;margin:4px 2px;background:var(--border-subtle)}.dd-topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 40px;background:color-mix(in srgb,var(--surface-0) 82%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dd-view-scroll{min-width:0;max-width:100%;overflow-x:clip;overflow-y:auto;background:var(--neutral-50)}.dd-mobile-trigger{display:none}.dd-breadcrumb{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--fg-3);font:500 12px/1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap}.dd-breadcrumb strong{overflow:hidden;color:var(--fg-1);font-weight:600;text-overflow:ellipsis}.dd-search{display:inline-flex;flex:0 1 320px;align-items:center;gap:8px;max-width:320px;min-width:0;height:32px;padding:0 12px;overflow:hidden;color:var(--fg-3);font:400 13px/1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;cursor:text;background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-xs)}.dd-kbd{padding:2px 5px;margin-left:auto;color:var(--fg-2);font:500 10px/1 var(--font-mono);background:var(--neutral-50);border:1px solid var(--border-1);border-radius:4px}.dd-table-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background:linear-gradient(to right,var(--surface-0) 30%,rgb(255 255 255/0)) 0 /20px 100% no-repeat,linear-gradient(to right,rgb(255 255 255/0),var(--surface-0) 70%) 100% /20px 100% no-repeat,linear-gradient(to right,rgb(0 0 0/.06),rgb(0 0 0/0)) 0 /8px 100% no-repeat,linear-gradient(to left,rgb(0 0 0/.06),rgb(0 0 0/0)) 100% /8px 100% no-repeat,var(--surface-0);background-attachment:local,local,scroll,scroll,local;-webkit-overflow-scrolling:touch}.dd-table-scroll::-webkit-scrollbar{height:8px}.dd-table-scroll::-webkit-scrollbar-track{background:transparent}.dd-table-scroll::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:999px}.dd-top-agent-row{transition:background .12s var(--ease-standard),color .12s var(--ease-standard)}.dd-top-agent-row:hover{background:var(--neutral-50)!important}@keyframes dd-chart-draw{0%{stroke-dashoffset:720}to{stroke-dashoffset:0}}@keyframes dd-area-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dd-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dd-chart-area{transform-origin:bottom;animation:dd-area-rise .52s var(--ease-emphasis) both}.dd-chart-line{stroke-dasharray:720;stroke-dashoffset:720;animation:dd-chart-draw .72s var(--ease-emphasis) forwards}.dd-chart-line-secondary{animation-delay:80ms}.dd-chart-line-tertiary{animation-delay:.15s}.dd-eval-bar{transform-origin:left center;animation:dd-bar-grow .46s var(--ease-emphasis) both}.dd-marketing-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--surface-0) 82%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dd-marketing-header .dd-logo{flex:0 0 auto}.dd-marketing-header .dd-logo-word{overflow:visible;text-overflow:clip}.dd-marketing-page{width:100%;max-width:100vw;overflow-x:clip}.dd-marketing-nav{display:flex;align-items:center;gap:2px;color:var(--fg-2);font:500 13px/1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap}.dd-marketing-nav-link,.dd-marketing-signin{position:relative;display:inline-flex;align-items:center;flex-shrink:0;padding:9px 10px;color:var(--fg-2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .14s var(--ease-standard),background .14s var(--ease-standard)}.dd-marketing-nav-link{overflow:hidden}.dd-marketing-nav-link:hover,.dd-marketing-nav-link[data-active=true]{color:var(--fg-1)}.dd-marketing-nav-link[data-active=true]{font-weight:600}.dd-marketing-nav-link:after{content:"";position:absolute;right:50%;bottom:3px;left:50%;height:2px;background:var(--brand-rainbow-line);border-radius:2px;opacity:0;transition:right .22s var(--ease-standard),left .22s var(--ease-standard),opacity .14s var(--ease-standard),box-shadow .14s var(--ease-standard)}.dd-marketing-nav-link:hover:after{right:12px;left:12px;opacity:.6}.dd-marketing-nav-link[data-active=true]:after{right:12px;left:12px;opacity:1;box-shadow:0 0 8px rgb(var(--brand-warm-rgb)/.35)}.dd-marketing-signin{padding-right:12px;padding-left:12px;border-radius:7px;font:500 13px/1 var(--font-sans)}.dd-marketing-signin:hover{color:var(--fg-1);background:var(--neutral-100)}.dd-marketing-account{gap:8px;height:34px;padding:3px 5px 3px 10px;background:color-mix(in srgb,var(--surface-0) 88%,transparent);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-xs)}.dd-marketing-account,.dd-marketing-account-link{display:inline-flex;align-items:center;color:var(--fg-2)}.dd-marketing-account-link{height:26px;font:500 13px/1 var(--font-sans);text-decoration:none;white-space:nowrap;transition:color .14s var(--ease-standard)}.dd-marketing-account-link:hover{color:var(--fg-1)}.dd-marketing-user-avatar{width:24px;height:24px;box-shadow:0 0 0 1px var(--border-subtle)}.dd-marketing-user-popover-card{color:var(--fg-1);color-scheme:light;background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-xl)}html[data-theme=dark] .dd-marketing-user-popover-card{color-scheme:dark}.dd-marketing-user-popover-main{background:var(--surface-0)}.dd-marketing-user-popover-title{color:var(--fg-1);font-weight:600}.dd-marketing-user-popover-meta{color:var(--fg-3)}.dd-marketing-user-popover-action{color:var(--fg-1);background:transparent}.dd-marketing-user-popover-action:focus-visible,.dd-marketing-user-popover-action:hover{color:var(--fg-1);background:var(--neutral-100)}.dd-marketing-user-popover-action-icon,.dd-marketing-user-popover-action-text{color:inherit}.dd-marketing-user-popover-footer{background:var(--surface-0);border-top:1px solid var(--border-subtle)}.dd-marketing-user-popover-footer-action{color:var(--fg-2)}.dd-marketing-user-popover-footer-action:focus-visible,.dd-marketing-user-popover-footer-action:hover{color:var(--fg-1)}@property --dd-nav-tracer{syntax:"<angle>";inherits:false;initial-value:140deg}@keyframes dd-nav-tracer{to{--dd-nav-tracer:500deg}}.dd-marketing-nav-cta{position:relative;z-index:0;appearance:none;display:inline-flex;flex-shrink:0;align-items:center;gap:6px;margin-left:4px;height:34px;padding:0 14px;color:#fff;font:600 13px/1 var(--font-sans);letter-spacing:-.005em;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 40%,var(--stop-sunset-indigo) 75%,var(--stop-azure-dark) 100%);border:0;border-radius:7px;box-shadow:inset 0 1px 0 rgb(255 255 255/.32),0 2px 4px rgb(var(--brand-accent-rgb)/.22),0 6px 14px -6px rgb(var(--brand-accent-rgb)/.42),0 4px 12px -6px rgb(var(--brand-magenta-rgb)/.32);text-shadow:0 1px 1px rgb(0 0 0/.25);transition:background .14s var(--ease-standard),border-color .14s var(--ease-standard),box-shadow .2s var(--ease-standard),transform .14s var(--ease-standard),color .14s var(--ease-standard);animation:dd-nav-tracer 6s linear infinite}.dd-marketing-nav-cta:before{content:"";position:absolute;inset:-1px;z-index:1;padding:1px;pointer-events:none;background:conic-gradient(from var(--dd-nav-tracer),var(--stop-azure-light),var(--stop-azure-dark),var(--stop-sunset-indigo),var(--stop-sunset-magenta),var(--stop-sunset-warm),var(--stop-azure-light));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:inherit;opacity:0;transition:opacity .22s var(--ease-standard)}.dd-marketing-nav-cta:focus-visible,.dd-marketing-nav-cta:hover{color:#fff;background:linear-gradient(135deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 40%,var(--stop-sunset-indigo) 75%,var(--stop-azure-dark) 100%);transform:translateY(-.5px);box-shadow:inset 0 1px 0 rgb(255 255 255/.32),0 2px 5px rgb(var(--brand-accent-rgb)/.28),0 10px 22px -8px rgb(var(--brand-accent-rgb)/.52),0 6px 16px -8px rgb(var(--brand-magenta-rgb)/.4)}.dd-marketing-nav-cta:focus-visible:before,.dd-marketing-nav-cta:hover:before{opacity:.9}.dd-marketing-nav-cta:active{transform:translateY(1px)}.dd-marketing-nav-cta svg{flex-shrink:0}.dd-open-app-pill{position:fixed;right:16px;bottom:16px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;color:var(--fg-inv-1);font:500 12px/1 var(--font-sans);letter-spacing:-.005em;background:var(--fg-1);border:0;border-radius:999px;box-shadow:var(--shadow-lg);cursor:pointer}.dd-shell-container{max-width:1240px;min-width:0;width:100%;padding:28px 40px 80px;margin:0 auto}.dd-marketing-container{width:100%;max-width:1200px;padding-right:32px;padding-left:32px;margin:0 auto}.dd-marketing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:96px;padding-bottom:80px}.dd-marketing-hero>*{min-width:0}.dd-hero-title{margin:16px 0 20px;color:var(--fg-1);font:500 clamp(48px,7vw,76px) /1.02 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.dd-hero-copy{max-width:520px;margin:0 0 32px;color:var(--fg-2);font:400 18px/1.55 var(--font-sans);text-wrap:pretty}.dd-agent-grid,.dd-dashboard-grid,.dd-pillars-grid{display:grid;gap:16px;min-width:0}.dd-pillars-grid{grid-template-columns:repeat(3,1fr)}.dd-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}.dd-design-dashboard{display:grid;gap:22px}.dd-design-dashboard-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:stretch}.dd-design-dashboard-title{min-width:0;padding:24px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-sm)}.dd-design-dashboard-title h1{max-width:780px;margin:10px 0 0;color:var(--fg-1);font:600 36px/1.08 var(--font-sans);letter-spacing:0;text-wrap:balance}.dd-design-dashboard-title p{max-width:720px;margin:14px 0 0;color:var(--fg-2);font:400 15px/1.55 var(--font-sans);letter-spacing:0;text-wrap:pretty}.dd-design-status-panel{min-width:0;display:grid;gap:16px;align-content:start;padding:20px;color:var(--fg-1);background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.08),transparent 42%),var(--surface-0);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-sm)}.dd-design-status-panel>div:first-child{display:grid;gap:5px}.dd-design-status-panel small,.dd-design-status-panel span{color:var(--fg-3);font:500 12px/1.2 var(--font-mono);letter-spacing:0}.dd-design-status-panel strong{color:var(--fg-1);font:600 17px/1.2 var(--font-sans);letter-spacing:0}.dd-design-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dd-design-status-grid span{min-width:0;display:grid;gap:5px;padding:12px;background:rgb(var(--brand-accent-rgb)/.06);border:1px solid var(--border-subtle);border-radius:7px}.dd-design-status-grid strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.dd-design-kpi-value{display:flex;align-items:baseline;gap:10px;margin-top:8px}.dd-design-kpi-value>div:first-child{color:var(--fg-1);font:600 30px/1 var(--font-sans);letter-spacing:0}.dd-design-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dd-design-module-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;padding:16px;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-xs);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.dd-design-module-card:focus-visible,.dd-design-module-card:hover{border-color:var(--active-border);box-shadow:var(--active-shadow);transform:translateY(-1px);outline:none}.dd-design-module-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--fg-1);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px}.dd-design-module-copy{min-width:0;display:grid;gap:9px}.dd-design-module-copy>span{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dd-design-module-copy strong{color:var(--fg-1);font:600 15px/1.2 var(--font-sans);letter-spacing:0}.dd-design-module-copy small{color:var(--fg-2);font:400 13px/1.45 var(--font-sans);letter-spacing:0}.dd-design-module-meta{grid-column:2;display:flex;align-items:center;gap:5px;color:var(--fg-3);font:500 12px/1 var(--font-mono);letter-spacing:0}.dd-design-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px}.dd-design-panel-title{display:block;margin-top:5px;color:var(--fg-1);font:600 17px/1.2 var(--font-sans);letter-spacing:0}.dd-design-worklist{display:grid}.dd-design-proof-list{display:grid;gap:11px;margin-top:18px}.dd-design-proof-list span{display:flex;align-items:flex-start;gap:9px;min-width:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans);letter-spacing:0}.dd-design-proof-list svg{flex:0 0 auto;margin-top:2px;color:var(--status-success)}.dd-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.dd-agent-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}.dd-agent-tabs{display:flex;gap:2px;margin-bottom:24px;overflow-x:auto;border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch}.dd-agent-tab{flex:0 0 auto;padding:10px 14px;margin-bottom:-1px;color:var(--fg-3);font:500 13px/1 var(--font-sans);letter-spacing:-.005em;text-transform:capitalize;cursor:pointer;background:transparent;border:0;border-bottom:2px solid transparent;transition:color .12s var(--ease-standard),background .12s var(--ease-standard)}.dd-agent-tab[data-active=true]{color:var(--fg-1);border-bottom-color:var(--fg-1)}.dd-agent-tab:hover{color:var(--fg-1)}.dd-pattern-shell-mini{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:220px;margin-top:16px;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-pattern-shell-drawer{display:none;align-items:center;justify-content:space-between;gap:10px;padding:10px;color:var(--fg-2);font:600 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.dd-pattern-shell-drawer button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;color:var(--fg-1);font:700 12px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-xs);cursor:pointer}.dd-pattern-shell-rail{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-pattern-shell-rail>button{display:grid;place-items:center;width:32px;height:32px;color:var(--fg-3);background:transparent;border:0;border-radius:8px;cursor:pointer;transition:background .14s var(--ease-standard),color .14s var(--ease-standard),box-shadow .16s var(--ease-standard),transform .14s var(--ease-standard)}.dd-pattern-shell-rail>button:hover{background:var(--active-bg);transform:translateY(-.5px)}.dd-pattern-shell-rail>button:hover,.dd-pattern-shell-rail>button[data-active=true]{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--active-border),var(--active-shadow)}.dd-pattern-shell-rail>button[data-active=true]{background:linear-gradient(135deg,var(--active-bg-strong),rgb(var(--brand-magenta-rgb)/.08))}.dd-pattern-shell-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.dd-pattern-topbar{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;background:color-mix(in srgb,var(--surface-0) 88%,transparent);border-bottom:1px solid var(--border-subtle)}.dd-pattern-topbar-demo{flex-wrap:wrap;margin-top:16px;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-pattern-action,.dd-pattern-breadcrumb,.dd-pattern-icon,.dd-pattern-search{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.dd-pattern-breadcrumb{overflow:hidden;color:var(--fg-2);font:600 12px/1 var(--font-sans);text-overflow:ellipsis}.dd-pattern-search{flex:1 1 180px;gap:7px;padding:0 10px;overflow:hidden;color:var(--fg-3);font:400 12px/1 var(--font-sans);text-overflow:ellipsis;border:1px solid var(--border-1);border-radius:8px}.dd-pattern-icon,.dd-pattern-search{height:30px;background:var(--surface-0)}.dd-pattern-icon{position:relative;flex:0 0 auto;justify-content:center;width:30px;color:var(--fg-2);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:background .14s var(--ease-standard),border-color .14s var(--ease-standard),box-shadow .16s var(--ease-standard),transform .14s var(--ease-standard),color .14s var(--ease-standard)}.dd-pattern-icon:hover{color:var(--fg-1);background:var(--active-bg);border-color:var(--active-border);box-shadow:var(--active-shadow);transform:translateY(-.5px)}.dd-pattern-icon[data-active=true]{color:var(--fg-1);background:linear-gradient(135deg,var(--active-bg-strong),rgb(var(--brand-accent-rgb)/.08));box-shadow:var(--active-shadow)}.dd-pattern-icon[data-active=true]:after{position:absolute;top:5px;right:5px;width:6px;height:6px;content:"";background:var(--gradient-sunset);border:1px solid var(--surface-0);border-radius:999px}.dd-pattern-action{flex:0 0 auto;height:30px;padding:0 11px;color:#fff;font:600 12px/1 var(--font-sans);background:linear-gradient(135deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 42%,var(--stop-sunset-indigo) 100%);border:0;border-radius:8px;box-shadow:inset 0 1px 0 rgb(255 255 255/.24),0 8px 22px -12px rgb(var(--brand-accent-rgb)/.52),0 6px 18px -12px rgb(var(--brand-magenta-rgb)/.44);cursor:pointer;transition:box-shadow .18s var(--ease-standard),transform .14s var(--ease-standard)}.dd-pattern-action:hover{box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 2px 4px rgb(var(--brand-accent-rgb)/.22),0 16px 34px -16px rgb(var(--brand-accent-rgb)/.62),0 10px 24px -16px rgb(var(--brand-magenta-rgb)/.48);transform:translateY(-.5px)}.dd-pattern-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.dd-pattern-panel,.dd-pattern-wide-panel{display:grid;gap:7px;min-width:0;padding:12px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-pattern-panel strong{color:var(--fg-1);font:700 20px/1 var(--font-sans)}.dd-pattern-panel small{color:var(--fg-3);font:500 11px/1.2 var(--font-sans)}.dd-pattern-wide-panel{grid-column:1/-1;grid-template-columns:1fr .8fr 1.2fr;min-height:78px;background:radial-gradient(circle at 88% 0,rgb(var(--brand-warm-rgb)/.16),transparent 32%),var(--surface-0)}.dd-pattern-wide-panel span{align-self:end;height:18px;background:var(--neutral-150);border-radius:999px}.dd-pattern-wide-panel span:nth-child(2){height:34px;background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.22),rgb(var(--brand-magenta-rgb)/.16))}.dd-pattern-wide-panel span:nth-child(3){height:52px;background:linear-gradient(135deg,rgb(var(--brand-warm-rgb)/.24),rgb(10 10 10/.08))}.dd-pattern-popover-wrap,.dd-pattern-sidebar-preview{display:grid;gap:8px;min-width:0;margin-top:16px}.dd-pattern-sidebar-preview{padding:10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-pattern-popover-wrap{max-width:320px}.dd-pattern-menu-static,.dd-pattern-user-menu-static{position:static;inset:auto;width:min(320px,100%)}.dd-pattern-user-menu-static{display:flex;flex-direction:column;gap:3px}.dd-pattern-tabs-demo{margin-top:16px;margin-bottom:0}.dd-pattern-table-scroll{margin-top:16px;border:1px solid var(--border-subtle);border-radius:12px}.dd-pattern-table{width:100%;min-width:620px;border-collapse:collapse}.dd-pattern-table td,.dd-pattern-table th{padding:11px 12px;color:var(--fg-2);font:500 12px/1.2 var(--font-sans);text-align:left;border-bottom:1px solid var(--border-subtle)}.dd-pattern-table th{color:var(--fg-3);font:600 11px/1 var(--font-mono);text-transform:uppercase}.dd-pattern-table tbody tr:last-child td{border-bottom:0}.dd-pattern-chart-card{display:grid;gap:14px;margin-top:16px;padding:14px;overflow:hidden;background:radial-gradient(circle at 92% 0,rgb(var(--brand-warm-rgb)/.14),transparent 30%),var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-pattern-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dd-pattern-chart-head small,.dd-pattern-chart-head strong{display:block}.dd-pattern-chart-head strong{color:var(--fg-1);font:700 14px/1.2 var(--font-sans)}.dd-pattern-chart-head small{margin-top:3px;color:var(--fg-3);font:500 11px/1.2 var(--font-mono)}.dd-pattern-chart-card svg{display:block;width:100%;height:auto}.dd-shadcn-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 10px}.dd-shadcn-summary-grid .dd-card{display:grid;gap:7px}.dd-shadcn-summary-grid strong{color:var(--fg-1);font:600 30px/1 var(--font-sans);letter-spacing:var(--ls-heading)}.dd-shadcn-summary-grid small{color:var(--fg-3);font:500 12px/1.25 var(--font-sans)}.dd-shadcn-skin-contract{display:grid;gap:16px;margin:24px 0 28px}.dd-shadcn-skin-head{max-width:760px}.dd-shadcn-skin-head h2{margin:8px 0 0;color:var(--fg-1);font:600 26px/1.1 var(--font-sans);letter-spacing:var(--ls-heading)}.dd-shadcn-skin-head p{margin:10px 0 0;color:var(--fg-2);font:400 14px/1.5 var(--font-sans)}.dd-shadcn-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dd-shadcn-skin-card{display:grid;align-content:start;gap:10px}.dd-shadcn-skin-card h3{margin:0;color:var(--fg-1);font:700 15px/1.15 var(--font-sans)}.dd-shadcn-skin-card p{margin:0;color:var(--fg-2);font:400 12px/1.45 var(--font-sans)}.dd-shadcn-skin-card div{display:flex;flex-wrap:wrap;gap:6px}.dd-shadcn-block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.dd-shadcn-block-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}.dd-shadcn-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--border-subtle)}.dd-shadcn-block-head>span{min-width:0}.dd-shadcn-block-head h3{margin:10px 0 6px;color:var(--fg-1);font:600 18px/1.15 var(--font-sans);letter-spacing:var(--ls-heading)}.dd-shadcn-block-head p{max-width:48ch;margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-shadcn-block-body{display:grid;gap:14px;padding:16px 18px 18px}.dd-shadcn-meta{display:grid;gap:7px}.dd-shadcn-export>span,.dd-shadcn-meta>span{color:var(--fg-3);font:600 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.dd-shadcn-meta>div{display:flex;flex-wrap:wrap;gap:6px}.dd-shadcn-export{display:grid;min-width:0;gap:8px}.dd-shadcn-export .dd-inline-code{display:block;width:100%;overflow-x:auto;white-space:nowrap}.dd-shadcn-auth-preview,.dd-shadcn-calendar-block-preview,.dd-shadcn-dashboard-preview,.dd-shadcn-sidebar-preview{margin:0 18px}.dd-shadcn-dashboard-preview{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:280px;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-shadcn-dashboard-sidebar{display:flex;flex-direction:column;gap:9px;align-items:center;padding:12px 8px;background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-shadcn-dashboard-sidebar span{display:grid;place-items:center;width:32px;height:32px;color:var(--fg-3);border-radius:9px}.dd-shadcn-dashboard-sidebar span[data-active=true]{color:var(--fg-1);background:var(--active-bg);box-shadow:inset 0 0 0 1px var(--active-border),var(--active-shadow)}.dd-shadcn-dashboard-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0}.dd-shadcn-dashboard-topbar{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.dd-shadcn-dashboard-topbar>span:first-child{min-width:0;flex:1 1;overflow:hidden;color:var(--fg-1);font:700 13px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-shadcn-dashboard-topbar>span:nth-child(2){display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:150px;height:28px;padding:0 9px;overflow:hidden;color:var(--fg-3);font:500 12px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:8px}.dd-shadcn-dashboard-topbar button,.dd-shadcn-dialog-panel button,.dd-shadcn-sidebar-topbar button{min-height:28px;color:#fff;font:700 12px/1 var(--font-sans);background:var(--gradient-sunset);border:0;border-radius:8px;box-shadow:var(--active-shadow)}.dd-shadcn-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.dd-shadcn-dashboard-metrics span,.dd-shadcn-dashboard-table span{min-width:0;padding:10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-shadcn-dashboard-metrics small,.dd-shadcn-dashboard-metrics strong{display:block;min-width:0}.dd-shadcn-dashboard-metrics strong{color:var(--fg-1);font:700 20px/1 var(--font-sans)}.dd-shadcn-dashboard-metrics small{margin-top:4px;color:var(--fg-3);font:500 10px/1 var(--font-mono)}.dd-shadcn-dashboard-chart{min-width:0;padding:0 10px 10px}.dd-shadcn-dashboard-chart svg{display:block;width:100%;height:120px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-shadcn-dashboard-chart path:first-child{fill:rgb(var(--brand-accent-rgb)/.12)}.dd-shadcn-dashboard-chart path:last-child{fill:none;stroke:var(--accent-pop-indigo);stroke-width:3}.dd-shadcn-dashboard-table{display:grid;gap:6px;padding:0 10px 10px}.dd-shadcn-dashboard-table span{display:flex;align-items:center;justify-content:space-between;gap:8px}.dd-shadcn-sidebar-preview{position:relative;min-height:260px}.dd-shadcn-sidebar-shell{display:grid;grid-template-columns:164px minmax(0,1fr);min-height:260px;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-shadcn-sidebar-preview[data-mode=floating] .dd-shadcn-sidebar-shell{padding:10px;background:linear-gradient(135deg,var(--neutral-50),var(--surface-0))}.dd-shadcn-sidebar-preview[data-mode=floating] .dd-shadcn-sidebar{border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-md)}.dd-shadcn-sidebar{display:flex;flex-direction:column;gap:9px;min-width:0;padding:10px;background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-shadcn-sidebar[data-compact=true]{align-items:center}.dd-shadcn-sidebar nav span,.dd-shadcn-sidebar-brand,.dd-shadcn-sidebar-right>span,.dd-shadcn-sidebar-tree span,.dd-shadcn-sidebar-workspace{display:flex;align-items:center;min-width:0}.dd-shadcn-sidebar-brand{justify-content:space-between;gap:8px;min-height:30px}.dd-shadcn-sidebar-workspace{justify-content:space-between;gap:8px;padding:8px;color:var(--fg-1);font:700 12px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-shadcn-sidebar-workspace>span{display:inline-flex;align-items:center;min-width:0;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-shadcn-sidebar nav{display:grid;gap:5px}.dd-shadcn-sidebar nav span,.dd-shadcn-sidebar-right>span,.dd-shadcn-sidebar-tree span{gap:8px;min-height:30px;padding:0 8px;color:var(--fg-2);font:600 12px/1 var(--font-sans);border-radius:8px}.dd-shadcn-sidebar nav span[data-active=true]{position:relative;color:var(--fg-1);background:var(--active-bg);box-shadow:inset 0 0 0 1px var(--active-border)}.dd-shadcn-sidebar nav span[data-active=true]:before{content:"";position:absolute;top:7px;bottom:7px;left:3px;width:3px;background:var(--active-rail);border-radius:999px}.dd-shadcn-sidebar nav em{min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dd-shadcn-sidebar nav small{margin-left:auto;color:var(--fg-3);font:600 10px/1 var(--font-mono)}.dd-shadcn-sidebar-tree{display:grid;gap:3px;padding-top:4px;border-top:1px solid var(--border-subtle)}.dd-shadcn-sidebar-shell>main{min-width:0}.dd-shadcn-sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:46px;padding:9px 10px;background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.dd-shadcn-sidebar-topbar span{min-width:0;overflow:hidden;color:var(--fg-1);font:700 13px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-shadcn-sidebar-topbar button{display:inline-flex;align-items:center;flex-shrink:0;gap:6px;padding:0 9px}.dd-shadcn-sidebar-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.dd-shadcn-sidebar-canvas span{min-height:66px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-shadcn-sidebar-canvas span:nth-child(3){grid-column:1/-1;min-height:92px}.dd-shadcn-sidebar-right{border-right:0;border-left:1px solid var(--border-subtle)}.dd-shadcn-sidebar-preview[data-mode=right] .dd-shadcn-sidebar-shell{grid-template-columns:minmax(0,1fr) 142px}.dd-shadcn-sidebar-preview[data-mode=right] .dd-shadcn-sidebar:first-child{display:none}.dd-shadcn-sidebar-preview[data-mode=dual] .dd-shadcn-sidebar-shell{grid-template-columns:142px minmax(0,1fr) 128px}.dd-shadcn-dialog-panel,.dd-shadcn-popover-panel{position:absolute;z-index:2;right:18px;display:grid;gap:6px;padding:10px;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-1);border-radius:12px;box-shadow:var(--shadow-lg)}.dd-shadcn-dialog-panel{top:22px}.dd-shadcn-popover-panel{top:44px}.dd-shadcn-calendar-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:8px;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:10px}.dd-shadcn-calendar-mini small,.dd-shadcn-calendar-mini span{display:grid;place-items:center;min-width:0;min-height:22px;color:var(--fg-3);font:700 10px/1 var(--font-mono);border-radius:6px}.dd-shadcn-calendar-mini span{color:var(--fg-2);background:var(--surface-0)}.dd-shadcn-calendar-mini span[data-active=true]{color:#fff;background:var(--gradient-sunset)}.dd-shadcn-auth-preview{display:grid;grid-template-columns:minmax(0,1fr);min-height:300px;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-shadcn-auth-preview[data-mode=form-image],.dd-shadcn-auth-preview[data-mode=split-image]{grid-template-columns:minmax(112px,.76fr) minmax(0,1fr)}.dd-shadcn-auth-preview[data-mode=muted]{background:radial-gradient(circle at 100% 0,rgb(var(--brand-warm-rgb)/.12),transparent 34%),var(--neutral-100)}.dd-shadcn-auth-art{display:grid;align-content:space-between;min-width:0;padding:14px;color:var(--fg-1);background:linear-gradient(145deg,rgb(var(--brand-accent-rgb)/.16),rgb(var(--brand-magenta-rgb)/.12) 44%,rgb(var(--brand-warm-rgb)/.16)),var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-shadcn-auth-art span{align-self:center;width:100%;min-height:128px;background:linear-gradient(135deg,rgb(255 255 255/.72),rgb(255 255 255/.28)),linear-gradient(135deg,transparent 54%,rgb(var(--brand-accent-rgb)/.2));border:1px solid rgb(255 255 255/.54);border-radius:12px;box-shadow:var(--shadow-sm)}.dd-shadcn-auth-art small{color:var(--fg-2);font:700 10px/1 var(--font-mono);text-transform:uppercase}.dd-shadcn-auth-form{display:grid;align-content:center;gap:10px;min-width:0;max-width:360px;width:100%;margin:0 auto;padding:22px}.dd-shadcn-auth-head{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:4px}.dd-shadcn-auth-head small,.dd-shadcn-auth-head span,.dd-shadcn-auth-head strong{display:block;min-width:0}.dd-shadcn-auth-head strong{overflow-wrap:anywhere;color:var(--fg-1);font:700 17px/1.15 var(--font-sans);letter-spacing:var(--ls-heading)}.dd-shadcn-auth-head small{margin-top:4px;color:var(--fg-3);font:500 12px/1.35 var(--font-sans)}.dd-shadcn-field{display:grid;gap:6px;min-width:0}.dd-shadcn-field label,.dd-shadcn-field>label{color:var(--fg-2);font:700 11px/1 var(--font-mono);text-transform:uppercase}.dd-shadcn-field input{min-width:0;min-height:38px;width:100%;padding:0 11px;color:var(--fg-1);font:500 16px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px;box-shadow:var(--shadow-xs)}.dd-shadcn-auth-primary:focus-visible,.dd-shadcn-auth-provider:focus-visible,.dd-shadcn-calendar-grid button:focus-visible,.dd-shadcn-calendar-head button:focus-visible,.dd-shadcn-field input:focus-visible{outline:2px solid var(--active-border);outline-offset:2px}.dd-shadcn-field[data-validation-state=error] .dd-shadcn-otp-row input,.dd-shadcn-field[data-validation-state=error] input{border-color:color-mix(in srgb,var(--status-critical) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-critical) 14%,transparent)}.dd-shadcn-field p{margin:0;color:var(--fg-3);font:500 11px/1.35 var(--font-sans)}.dd-shadcn-field[data-validation-state=error] p{color:var(--status-critical)}.dd-shadcn-otp-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dd-shadcn-otp-row input{padding:0;text-align:center;font:800 18px/1 var(--font-mono)}.dd-shadcn-auth-primary,.dd-shadcn-auth-provider,.dd-shadcn-calendar-grid button,.dd-shadcn-calendar-head button{appearance:none;cursor:pointer;font-family:var(--font-sans)}.dd-shadcn-auth-primary{min-height:38px;color:#fff;font:800 13px/1 var(--font-sans);background:var(--gradient-sunset);border:0;border-radius:9px;box-shadow:var(--active-shadow)}.dd-shadcn-auth-primary[data-loading=true]{opacity:.82}.dd-shadcn-auth-provider{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;color:var(--fg-1);font:700 13px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px}.dd-shadcn-auth-legal{color:var(--fg-3);font:500 11px/1.35 var(--font-sans)}.dd-shadcn-calendar-block-preview{display:grid;align-content:start;gap:12px;min-height:300px;padding:18px;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-shadcn-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.dd-shadcn-calendar-head small,.dd-shadcn-calendar-head span,.dd-shadcn-calendar-head strong{display:block;min-width:0}.dd-shadcn-calendar-head strong{color:var(--fg-1);font:700 17px/1.15 var(--font-sans)}.dd-shadcn-calendar-head small{margin-top:4px;color:var(--fg-3);font:500 11px/1.2 var(--font-mono)}.dd-shadcn-calendar-head button{display:grid;place-items:center;width:32px;height:32px;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px}.dd-shadcn-calendar-head button:first-child svg{transform:rotate(180deg)}.dd-shadcn-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-shadcn-calendar-grid button,.dd-shadcn-calendar-grid span{display:grid;place-items:center;min-width:0;min-height:30px;border-radius:8px}.dd-shadcn-calendar-grid span{color:var(--fg-3);font:800 10px/1 var(--font-mono);text-transform:uppercase}.dd-shadcn-calendar-grid button{color:var(--fg-2);font:700 12px/1 var(--font-sans);background:var(--neutral-50);border:1px solid transparent}.dd-shadcn-calendar-grid button[data-today=true]{color:var(--fg-1);border-color:var(--active-border)}.dd-shadcn-calendar-grid button[data-selected=true]{color:#fff;background:var(--gradient-sunset);box-shadow:var(--active-shadow)}.dd-shadcn-calendar-grid button[data-disabled=true]{color:var(--fg-3);cursor:not-allowed;opacity:.44}.dd-shadcn-overview-preview{display:grid;gap:12px}.dd-shadcn-overview-preview .dd-shadcn-dashboard-preview{min-height:210px;margin:0}.dd-shadcn-overview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dd-shadcn-overview-list span{display:flex;align-items:center;min-width:0;gap:8px;padding:8px;color:var(--fg-2);font:600 12px/1.2 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px}.dd-disclosure-demo{position:relative;display:grid;align-items:start;grid-template-columns:minmax(190px,.95fr) minmax(170px,.8fr) minmax(220px,1fr);gap:12px;min-width:0;margin-top:16px}.dd-disclosure-column,.dd-file-tree,.dd-mobile-toc-demo{min-width:0;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-disclosure-column{display:grid;gap:8px;align-content:start;padding:10px}.dd-disclosure-panel{overflow:hidden;background:radial-gradient(circle at 96% 0,rgb(var(--brand-warm-rgb)/.12),transparent 34%),var(--neutral-50);border:1px solid var(--border-subtle);border-radius:10px}.dd-disclosure-panel>button,.dd-file-tree-node>button,.dd-mobile-toc-panel button,.dd-mobile-toc-trigger{appearance:none;border:0;font-family:var(--font-sans);cursor:pointer}.dd-disclosure-panel>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:0 12px;color:var(--fg-1);text-align:left;background:transparent}.dd-disclosure-panel>button small,.dd-disclosure-panel>button span,.dd-disclosure-panel>button strong{display:block;min-width:0}.dd-disclosure-panel>button strong{overflow:hidden;font:700 13px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-disclosure-panel>button small{margin-top:3px;color:var(--fg-3);font:500 10px/1 var(--font-mono);text-transform:uppercase}.dd-disclosure-panel>button svg,.dd-file-tree-node>button svg:first-child,.dd-mobile-toc-trigger svg:last-child{flex-shrink:0;color:var(--fg-3);transition:transform .16s var(--ease-standard),color .16s var(--ease-standard)}.dd-disclosure-panel>button[aria-expanded=true] svg,.dd-mobile-toc-trigger[data-open=true] svg:last-child{color:var(--fg-1);transform:rotate(180deg)}.dd-disclosure-content{display:grid;gap:2px;padding:0 8px 8px}.dd-disclosure-content[hidden]{display:none}.dd-disclosure-content a,.dd-file-tree-node>button,.dd-mobile-toc-panel button{display:flex;align-items:center;min-width:0;color:var(--fg-2);font:600 12px/1.2 var(--font-sans);text-decoration:none;border-radius:8px}.dd-disclosure-content a{min-height:32px;padding:0 9px}.dd-disclosure-content a[data-active=true],.dd-file-tree-node>button[data-active=true],.dd-mobile-toc-panel button[data-active=true]{color:var(--fg-1);background:linear-gradient(90deg,rgb(var(--brand-accent-rgb)/.14),rgb(var(--brand-magenta-rgb)/.08),transparent),var(--neutral-50);box-shadow:inset 3px 0 0 var(--accent-pop-indigo)}.dd-mobile-toc-demo{position:relative;display:grid;align-content:start;min-height:62px;padding:12px;overflow:hidden;background:radial-gradient(circle at 84% 8%,rgb(var(--brand-warm-rgb)/.1),transparent 34%),var(--surface-0)}.dd-mobile-toc-demo[data-open=true]{min-height:190px}.dd-mobile-toc-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:0 11px;color:var(--fg-1);background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:var(--shadow-xs)}.dd-mobile-toc-overlay{position:absolute;top:50px;right:12px;left:12px;z-index:2;display:grid;align-items:start;padding:0}.dd-mobile-toc-backdrop{position:absolute;inset:-50px -12px -128px;appearance:none;cursor:default;background:rgb(10 10 10/.32);border:0}.dd-mobile-toc-panel{position:relative;z-index:1;display:grid;gap:4px;width:100%;padding:8px;background:color-mix(in srgb,var(--surface-0) 94%,transparent);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dd-mobile-toc-panel button{justify-content:space-between;min-height:34px;padding:0 10px;text-align:left;background:transparent}.dd-file-tree{align-content:start;padding:10px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgb(var(--brand-warm-rgb)/.1),transparent 32%),var(--surface-0)}.dd-file-tree,.dd-file-tree [role=group]{display:grid;gap:2px}.dd-file-tree-node{min-width:0}.dd-file-tree-node>button{gap:7px;width:100%;min-height:30px;padding:0 8px 0 calc(8px + var(--tree-indent, 0px));overflow:hidden;text-align:left;background:transparent}.dd-file-tree-node[data-expanded=true]>button svg:first-child{color:var(--fg-1);transform:rotate(90deg)}.dd-file-tree-node>button span{flex:1 1 auto}.dd-file-tree-node>button small,.dd-file-tree-node>button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-file-tree-node>button small{flex:0 1 auto;max-width:44%;color:var(--fg-3);font:500 10px/1 var(--font-mono)}.dd-disclosure-panel>button:focus-visible,.dd-file-tree-node>button:focus-visible,.dd-mobile-toc-backdrop:focus-visible,.dd-mobile-toc-panel button:focus-visible,.dd-mobile-toc-trigger:focus-visible{outline:2px solid var(--active-border);outline-offset:2px}.dd-preview-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;align-items:start;margin-top:34px}.dd-preview-controls{position:sticky;top:84px;display:grid;gap:16px;min-width:0;padding:16px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-preview-control-group{display:grid;gap:8px;min-width:0}.dd-preview-control-group>span{color:var(--fg-3);font:600 11px/1 var(--font-mono);text-transform:uppercase}.dd-preview-mini-segment,.dd-preview-segment{display:grid;gap:6px}.dd-preview-segment{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-preview-mini-segment{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-preview-mini-segment button,.dd-preview-segment button,.dd-preview-target-list button{min-width:0;color:var(--fg-2);font:600 12px/1.2 var(--font-sans);background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:9px;cursor:pointer}.dd-preview-mini-segment button,.dd-preview-segment button{display:grid;gap:4px;min-height:48px;place-items:center;padding:8px;text-transform:capitalize}.dd-preview-mini-segment button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px}.dd-preview-segment small,.dd-preview-target-list small{color:var(--fg-3);font:500 10px/1.2 var(--font-mono)}.dd-preview-mini-segment button[data-active=true],.dd-preview-segment button[data-active=true],.dd-preview-target-list button[data-active=true]{color:var(--action-primary-fg);background:var(--action-primary);border-color:var(--action-primary);box-shadow:var(--shadow-sm)}.dd-preview-segment button[data-active=true] small,.dd-preview-target-list button[data-active=true] small{color:color-mix(in srgb,var(--action-primary-fg) 72%,transparent)}.dd-preview-target-list{display:grid;gap:8px}.dd-preview-target-list button{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:82px;padding:12px;text-align:left}.dd-preview-target-list small,.dd-preview-target-list strong{display:block}.dd-preview-target-list strong{margin-bottom:4px;color:inherit;font:600 13px/1.2 var(--font-sans)}.dd-preview-stage{min-width:0;overflow:hidden;background:radial-gradient(circle at 100% 0,rgb(var(--brand-warm-rgb)/.12),transparent 34%),var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.dd-preview-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.dd-preview-stage-head small,.dd-preview-stage-head strong{display:block}.dd-preview-stage-head strong{color:var(--fg-1);font:600 15px/1.2 var(--font-sans)}.dd-preview-stage-head small{margin-top:4px;color:var(--fg-3);font:500 11px/1.2 var(--font-mono)}.dd-preview-stage-scroll{padding:18px;overflow:auto;background:linear-gradient(45deg,color-mix(in srgb,var(--neutral-100) 56%,transparent) 25%,transparent 25%) 0 0 /18px 18px,linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--neutral-100) 56%,transparent) 75%) 0 0 /18px 18px,var(--neutral-50);-webkit-overflow-scrolling:touch}.dd-responsive-frame{--preview-gap:16px;--preview-pad:20px;container-type:inline-size;width:var(--preview-width);max-height:min(var(--preview-height),760px);min-height:min(var(--preview-height),760px);overflow:auto;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xl)}.dd-responsive-frame[data-density=compact]{--preview-gap:10px;--preview-pad:14px}.dd-responsive-frame[data-density=compact] .dd-native-list-card>div,.dd-responsive-frame[data-density=compact] .dd-native-menu-list>div,.dd-responsive-frame[data-density=compact] .dd-preview-docs-sidebar details>button,.dd-responsive-frame[data-density=compact] .dd-preview-product-list>div,.dd-responsive-frame[data-density=compact] .dd-side-item{min-height:34px;padding-top:6px;padding-bottom:6px}.dd-responsive-frame[data-density=compact] .dd-preview-docs-main,.dd-responsive-frame[data-density=compact] .dd-preview-docs-sidebar,.dd-responsive-frame[data-density=compact] .dd-preview-expo-device,.dd-responsive-frame[data-density=compact] .dd-preview-product-main,.dd-responsive-frame[data-density=compact] .dd-preview-product-nav{gap:var(--preview-gap);padding:var(--preview-pad)}.dd-responsive-frame[data-density=compact] .dd-native-chip-grid span,.dd-responsive-frame[data-density=compact] .dd-native-metric-grid>div,.dd-responsive-frame[data-density=compact] .dd-preview-metric-grid>div{padding:9px}.dd-responsive-frame[data-density=compact] .dd-preview-docs-header h2,.dd-responsive-frame[data-density=compact] .dd-preview-expo-panel h2,.dd-responsive-frame[data-density=compact] .dd-preview-library-head h2,.dd-responsive-frame[data-density=compact] .dd-preview-product-hero h2{font-size:23px}.dd-responsive-frame[data-density=compact] .dd-native-metric-grid strong,.dd-responsive-frame[data-density=compact] .dd-preview-metric-grid strong{font-size:20px}.dd-responsive-frame[data-density=compact] .dd-preview-table-card>div{grid-template-columns:minmax(66px,.64fr) minmax(96px,1fr) minmax(52px,.44fr) auto;gap:8px;padding:8px 10px}.dd-responsive-frame[data-density=compact] .dd-preview-docs-menu-trigger,.dd-responsive-frame[data-density=compact] .dd-preview-product-topbar .dd-input-wrap{min-height:34px}.dd-responsive-frame[data-preview-theme=light]{--neutral-0:#ffffff;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-150:#ededef;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--neutral-950:#0a0a0a;--neutral-1000:#000000;--surface-0:#ffffff;--surface-1:#fafafa;--surface-2:#f4f4f5;--surface-code:#0a0a0a;--surface-code-raised:#18181b;--fg-code:#fafafa;--fg-1:#0a0a0a;--fg-2:#3f3f46;--fg-3:#71717a;--fg-muted:#a1a1aa;--fg-inv-1:#ffffff;--fg-inv-2:#e4e4e7;--fg-inv-3:#a1a1aa;--border-subtle:#ededef;--border-1:#e4e4e7;--border-strong:#d4d4d8;--action-primary:#000000;--action-primary-fg:#ffffff;color-scheme:light}.dd-responsive-frame[data-preview-theme=dark]{--neutral-0:#0a0a0a;--neutral-50:#111113;--neutral-100:#18181b;--neutral-150:#1f1f22;--neutral-200:#27272a;--neutral-300:#3f3f46;--neutral-400:#71717a;--neutral-500:#a1a1aa;--neutral-600:#d4d4d8;--neutral-700:#e4e4e7;--neutral-800:#f4f4f5;--neutral-900:#ffffff;--neutral-950:#ffffff;--neutral-1000:#ffffff;--surface-0:#0a0a0a;--surface-1:#111113;--surface-2:#18181b;--surface-code:#0a0a0a;--surface-code-raised:#18181b;--fg-code:#fafafa;--fg-1:#fafafa;--fg-2:#d4d4d8;--fg-3:#a1a1aa;--fg-muted:#71717a;--fg-inv-1:#0a0a0a;--fg-inv-2:#27272a;--fg-inv-3:#52525b;--border-subtle:rgb(255 255 255/0.08);--border-1:rgb(255 255 255/0.12);--border-strong:rgb(255 255 255/0.2);--action-primary:#ffffff;--action-primary-fg:#0a0a0a;color-scheme:dark}.dd-responsive-frame[data-motion=reduced] *,.dd-responsive-frame[data-motion=reduced] :after,.dd-responsive-frame[data-motion=reduced] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.dd-responsive-frame[data-motion=reduced] .dd-motion-trail{width:52%}.dd-responsive-frame[data-motion=reduced] .dd-chart-area,.dd-responsive-frame[data-motion=reduced] .dd-chart-line{transform:none;animation:none!important}.dd-responsive-frame[data-motion=reduced] .dd-chart-line{stroke-dashoffset:0}.dd-responsive-frame[data-motion=reduced] .dd-chart-area{opacity:1}.dd-responsive-frame[data-motion=reduced] .dd-conic-ring-spin:before,.dd-responsive-frame[data-motion=reduced] .dd-native-motion-ring:before{animation:none!important}.dd-responsive-frame[data-motion=reduced] .dd-space-motion-preview *,.dd-responsive-frame[data-motion=reduced] .dd-space-motion-preview :after,.dd-responsive-frame[data-motion=reduced] .dd-space-motion-preview :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.dd-responsive-frame[data-motion=reduced] .dd-space-motion-blocks-preview svg path{stroke-dashoffset:0}.dd-preview-docs-surface,.dd-preview-expo-surface,.dd-preview-product-shell{display:grid;min-height:inherit;background:var(--surface-1)}.dd-preview-product-shell{grid-template-columns:220px minmax(0,1fr);position:relative;overflow:hidden}.dd-preview-product-mobilebar,.dd-preview-product-scrim{display:none}.dd-preview-product-nav{display:flex;flex-direction:column;gap:8px;padding:var(--preview-pad);background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-preview-product-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dd-preview-product-close{display:none}.dd-preview-product-nav .dd-side-item{width:calc(100% - 8px);text-align:left}.dd-preview-product-main{display:grid;gap:var(--preview-gap);align-content:start;min-width:0;padding:var(--preview-pad)}.dd-preview-docs-header,.dd-preview-library-head,.dd-preview-product-hero,.dd-preview-product-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dd-preview-product-topbar .dd-input-wrap{flex:1 1;min-width:220px}.dd-preview-docs-header h2,.dd-preview-expo-panel h2,.dd-preview-library-head h2,.dd-preview-product-hero h2{margin:6px 0 0;color:var(--fg-1);font:600 28px/1.1 var(--font-sans)}.dd-preview-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--preview-gap)}.dd-preview-docs-example,.dd-preview-docs-main,.dd-preview-expo-panel,.dd-preview-library-grid section,.dd-preview-metric-grid>div,.dd-preview-table-card{min-width:0;padding:16px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-xs)}.dd-preview-metric-grid span,.dd-preview-metric-grid strong{display:block}.dd-preview-metric-grid strong{color:var(--fg-1);font:600 24px/1 var(--font-sans)}.dd-preview-metric-grid span{margin-top:8px;color:var(--fg-3);font:500 12px/1.2 var(--font-sans)}.dd-preview-panel-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--preview-gap)}.dd-preview-chart-panel .dd-card{height:100%}.dd-preview-table-card{display:grid;gap:0;align-content:start;padding:0;overflow:hidden}.dd-preview-table-card>div{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(120px,1fr) minmax(58px,.5fr) auto;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border-subtle)}.dd-preview-table-card>div:first-child{border-top:0}.dd-preview-table-card>div>span{overflow:hidden;color:var(--fg-2);font:500 12px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-preview-library-surface{min-height:inherit;padding:var(--preview-pad);background:radial-gradient(circle at 100% 0,rgb(var(--brand-warm-rgb)/.14),transparent 34%),var(--surface-1)}.dd-preview-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--preview-gap);margin-top:var(--preview-gap)}.dd-preview-library-grid section{overflow:hidden}.dd-preview-library-grid h3{margin:0 0 12px;color:var(--fg-1);font:600 15px/1.2 var(--font-sans)}.dd-preview-library-grid .dd-code-pair,.dd-preview-library-grid .dd-input-preview,.dd-preview-library-grid .dd-swatch-stack{margin-top:0}.dd-preview-docs-surface{grid-template-columns:260px minmax(0,1fr);position:relative}.dd-preview-docs-mobilebar{display:none;padding:var(--preview-pad) var(--preview-pad) 0}.dd-preview-docs-menu-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;color:var(--fg-1);font:600 13px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-xs);cursor:pointer}.dd-preview-docs-sidebar{display:grid;align-content:start;gap:14px;padding:var(--preview-pad);background:var(--surface-0);border-right:1px solid var(--border-subtle)}.dd-preview-docs-sidebar details{display:grid;gap:4px}.dd-preview-docs-sidebar summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--fg-1);font:600 12px/1.2 var(--font-sans);cursor:pointer;list-style:none}.dd-preview-docs-sidebar summary::-webkit-details-marker{display:none}.dd-preview-docs-sidebar details>button{position:relative;display:block;padding:7px 9px;color:var(--fg-2);font:500 12px/1.2 var(--font-sans);text-align:left;background:transparent;border:0;border-radius:7px;cursor:pointer}.dd-preview-docs-sidebar details>button[data-active=true]{color:var(--fg-1);font-weight:600;background:linear-gradient(90deg,var(--active-bg-strong) 0,rgb(var(--brand-magenta-rgb)/.08) 45%,transparent 90%)}.dd-preview-docs-sidebar details>button[data-active=true]:before{content:"";position:absolute;top:6px;bottom:6px;left:1px;width:3px;border-radius:999px;background:var(--active-rail);box-shadow:0 0 8px rgb(var(--brand-warm-rgb)/.28)}.dd-preview-docs-main{align-self:start;margin:var(--preview-pad)}.dd-preview-docs-main>p,.dd-preview-expo-panel p{color:var(--fg-2);font:400 15px/1.55 var(--font-sans)}.dd-preview-docs-example{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dd-preview-expo-surface{grid-template-columns:minmax(300px,.85fr) minmax(300px,1fr);gap:var(--preview-gap);align-items:start;padding:var(--preview-pad)}.dd-preview-expo-device{display:grid;justify-items:center;min-width:0}.dd-preview-expo-device .dd-native-device{width:min(360px,100%);min-height:670px}.dd-preview-expo-panel{display:grid;gap:14px}.dd-preview-expo-actions{display:flex;flex-wrap:wrap;gap:8px}@container (max-width: 760px){.dd-preview-docs-surface,.dd-preview-expo-surface,.dd-preview-product-shell{grid-template-columns:minmax(0,1fr)}.dd-preview-product-mobilebar{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--preview-pad);background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.dd-preview-product-close,.dd-preview-product-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 11px;color:var(--fg-1);font:700 12px/1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-xs);cursor:pointer;transition:background .14s var(--ease-standard),border-color .14s var(--ease-standard),box-shadow .16s var(--ease-standard),transform .14s var(--ease-standard)}.dd-preview-product-close:hover,.dd-preview-product-menu-trigger:hover{background:var(--neutral-50);border-color:var(--fg-1);box-shadow:var(--shadow-sm);transform:translateY(-.5px)}.dd-preview-product-mobilebar .dd-button{--button-h:34px}.dd-preview-product-scrim{position:absolute;inset:0;z-index:14;display:block;background:rgb(10 10 10/.36);border:0;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-standard)}.dd-preview-product-scrim[data-open=true]{opacity:1;pointer-events:auto}.dd-preview-product-nav{position:absolute;top:0;bottom:0;left:0;z-index:20;width:min(286px,86%);max-width:calc(100% - 28px);overflow:auto;border-right:1px solid var(--border-strong);border-bottom:0;box-shadow:var(--shadow-xl);transform:translateX(calc(-100% - 18px));transition:transform .22s var(--ease-emphasis)}.dd-preview-product-nav[data-open=true]{transform:translateX(0)}.dd-preview-product-close{min-width:34px;padding:0}.dd-preview-product-nav .dd-side-item{flex:0 0 auto}.dd-preview-docs-header,.dd-preview-library-head,.dd-preview-product-hero,.dd-preview-product-topbar{align-items:flex-start;flex-direction:column}.dd-preview-product-topbar .dd-input-wrap{width:100%;min-width:0}.dd-preview-library-grid,.dd-preview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-preview-panel-grid{grid-template-columns:minmax(0,1fr)}.dd-preview-docs-sidebar{position:absolute;top:calc(var(--preview-pad) + 48px);left:var(--preview-pad);z-index:10;width:min(260px,calc(100% - var(--preview-pad) * 2));max-height:calc(100% - var(--preview-pad) * 2 - 50px);overflow:auto;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-xl);transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-standard),transform .18s var(--ease-standard)}.dd-preview-docs-sidebar[data-open=true]{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.dd-preview-docs-mobilebar{display:flex}.dd-preview-docs-main{margin:var(--preview-pad)}}@container (max-width: 460px){.dd-preview-library-grid,.dd-preview-metric-grid{grid-template-columns:minmax(0,1fr)}.dd-preview-table-card>div{grid-template-columns:minmax(0,1fr) auto}.dd-preview-table-card>div>span:nth-child(2),.dd-preview-table-card>div>span:nth-child(3){display:none}.dd-preview-expo-actions .dd-button{width:100%}}.dd-evals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dd-marketing-quote{position:relative;overflow:hidden;padding:144px 32px 120px;color:#fff;background:radial-gradient(ellipse 76% 42% at 76% 0,rgb(var(--brand-warm-rgb)/.28),transparent 62%),radial-gradient(ellipse 66% 44% at 18% 0,rgb(var(--brand-accent-rgb)/.2),transparent 64%),linear-gradient(180deg,var(--surface-code) 0,#10100b 48%,var(--surface-code) 100%)}.dd-marketing-quote:before{content:"";position:absolute;inset:0 0 auto;height:180px;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--surface-code) 0,var(--surface-code) 24%,rgb(10 10 10/.82) 50%,transparent 100%)}.dd-marketing-quote-glow{z-index:0;max-width:none}.dd-marketing-quote>div:last-child{z-index:2}.dd-hero-glow{max-width:none}.dd-gradient-text{color:transparent;background:linear-gradient(90deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 42%,var(--brand-soft) 72%,var(--stop-azure-light) 100%);-webkit-background-clip:text;background-clip:text}.dd-marketing-cta{padding-top:120px;padding-bottom:120px;overflow:hidden;text-align:center}.dd-cta-actions{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%}.dd-mobile-backdrop{display:none}.dd-sidebar-rail{top:0;right:-6px;bottom:0;z-index:25;width:12px;padding:0;border:0;cursor:ew-resize}.dd-sidebar-rail,.dd-sidebar-rail:after{position:absolute;background:transparent}.dd-sidebar-rail:after{content:"";top:12px;right:5px;bottom:12px;width:1px;transition:background .14s}.dd-sidebar-rail:hover:after{background:var(--border-strong)}.dd-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.dd-page-header h1{margin:10px 0 0;color:var(--fg-1);font:500 clamp(30px,4vw,40px) /1.08 var(--font-sans);letter-spacing:-.028em}.dd-page-header p{max-width:680px;margin:12px 0 0;color:var(--fg-2);font:400 15px/1.55 var(--font-sans);letter-spacing:-.005em}.dd-page-action{flex-shrink:0}.dd-page-action-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dd-stat-stack{margin-top:14px}.dd-stat-stack span{display:block;color:var(--fg-1);font:500 42px/1 var(--font-sans);letter-spacing:-.04em}.dd-card-copy,.dd-stat-stack p{margin:10px 0 0;color:var(--fg-2);font:400 14px/1.55 var(--font-sans);letter-spacing:-.005em}.dd-card-toolbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.dd-library-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--border-subtle)}.dd-library-row:first-child{border-top:0}.dd-card-heading,.dd-library-row strong{display:block;margin:0;color:var(--fg-1);font:600 15px/1.25 var(--font-sans);letter-spacing:-.015em}.dd-card-footer-line,.dd-library-row small{color:var(--fg-3);font:400 12px/1.25 var(--font-mono)}.dd-library-row small{display:block;margin-top:3px}.dd-row-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--fg-2);background:var(--neutral-100);border-radius:8px}.dd-component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.dd-component-grid>.dd-card{min-width:0}.dd-agent-card-link{display:block;color:inherit;text-decoration:none}.dd-agent-card-link .dd-card{height:100%;transition:border-color .14s,box-shadow .14s,transform .14s}.dd-agent-card-link:hover .dd-card{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dd-card-footer-line,.dd-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dd-agent-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--fg-code);background:var(--surface-code);border-radius:10px}.dd-card-heading{margin-top:18px;font-size:18px}.dd-card-footer-line{padding-top:18px;margin-top:18px}.dd-card-footer-line,.dd-metric-row{border-top:1px solid var(--border-subtle)}.dd-metric-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;color:var(--fg-2);font:500 13px/1 var(--font-sans)}.dd-metric-row:first-of-type{margin-top:14px}.dd-kit-section{margin-top:34px}.dd-kit-section h2{margin:0 0 12px;color:var(--fg-3);font:600 13px/1 var(--font-sans);letter-spacing:-.005em}.dd-library-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dd-library-card{display:grid;gap:8px}.dd-platform-split,.dd-section-card-grid,.dd-section-route-grid{display:grid;gap:12px;min-width:0}.dd-section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-platform-card,.dd-section-link-card{justify-content:flex-start;width:100%;height:auto;min-height:96px;padding:16px;text-align:left;white-space:normal}.dd-section-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px}.dd-platform-card>span:nth-child(2),.dd-section-link-card>span:first-child{display:grid;gap:6px;min-width:0}.dd-platform-card strong,.dd-section-link-card strong{color:var(--fg-1);font:600 16px/1.15 var(--font-sans)}.dd-platform-card small,.dd-section-link-card small{color:var(--fg-3);font:400 13px/1.45 var(--font-sans)}.dd-platform-split{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-platform-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.dd-platform-card em{margin-top:5px;color:var(--fg-1);font:600 12px/1.2 var(--font-sans);font-style:normal}.dd-section-route-grid{grid-template-columns:minmax(0,1fr)}.dd-section-route-card,.dd-section-route-preview{min-width:0;overflow:hidden}.dd-section-route-preview{margin-top:18px}.dd-library-card span{color:var(--action-primary);font:600 28px/1 var(--font-sans);letter-spacing:-.035em}.dd-library-card strong{color:var(--fg-1);font:600 15px/1.15 var(--font-sans);letter-spacing:-.015em}.dd-library-card p{margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-token-list{overflow:hidden;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-token-row{border-top:1px solid var(--border-subtle)}.dd-token-row:first-child{border-top:0}.dd-token-row summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;color:var(--fg-1);font:600 15px/1.2 var(--font-sans);cursor:pointer;list-style:none}.dd-token-row summary>span{display:flex;min-width:0;flex-direction:column;gap:3px}.dd-token-row summary small{overflow:hidden;color:var(--fg-3);font:400 11px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.dd-token-row summary::-webkit-details-marker{display:none}.dd-token-row summary svg{flex-shrink:0;color:var(--fg-3);transition:transform .16s var(--ease-standard)}.dd-token-row[open] summary svg{transform:rotate(90deg)}.dd-token-row p{margin:0;padding:0 18px 16px;color:var(--fg-2);font:400 14px/1.55 var(--font-sans)}.dd-kit-card-title{margin:14px 0 0;color:var(--fg-1);font:600 17px/1.2 var(--font-sans);letter-spacing:-.015em}.dd-isolated-component-card{max-width:760px}.dd-isolated-preview{margin-top:16px}.dd-component-grid .dd-token-preview,.dd-isolated-preview>.dd-token-preview{margin-right:0;margin-bottom:0;margin-left:0}.dd-token-preview{margin:0 18px 18px}.dd-display-preview,.dd-font-preview,.dd-motion-preview,.dd-product-preview,.dd-spacing-preview,.dd-type-preview{display:flex;flex-wrap:wrap;gap:10px}.dd-display-preview,.dd-font-preview,.dd-motion-preview,.dd-spacing-preview,.dd-type-preview{align-items:flex-start;flex-direction:column}.dd-type-preview p{padding:0;margin:0}.dd-type-meta{color:var(--fg-3);font:500 11px/1 var(--font-mono);letter-spacing:.1em}.dd-display-xl{color:var(--fg-1);font:500 clamp(34px,5vw,52px) /1.02 var(--font-sans);letter-spacing:-.035em}.dd-display-md{color:var(--fg-1);font:500 28px/1.08 var(--font-sans);letter-spacing:-.028em}.dd-display-sm{color:var(--fg-2);font:600 16px/1.2 var(--font-sans)}.dd-gradient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.dd-gradient-swatch{display:flex;align-items:flex-end;min-height:86px;padding:10px;color:#fff;font:600 12px/1 var(--font-mono);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.12)}.dd-card-patterns,.dd-elevation-grid,.dd-radii-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.dd-card-showcase{display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(2,minmax(170px,.9fr));gap:14px;width:100%}.dd-elevation-card,.dd-radii-grid span{display:grid;place-items:center;min-height:72px;color:var(--fg-1);font:600 12px/1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle)}.dd-elevation-xs{box-shadow:var(--shadow-xs)}.dd-elevation-sm{box-shadow:var(--shadow-sm)}.dd-elevation-md{box-shadow:var(--shadow-md)}.dd-elevation-lg{box-shadow:var(--shadow-lg)}.dd-elevation-xl{box-shadow:var(--shadow-xl)}.dd-motion-ring{display:inline-grid;place-items:center;width:84px;height:34px;color:var(--fg-1);font:600 12px/1 var(--font-mono);background:var(--surface-0);border-radius:999px}.dd-motion-slider-preview{display:grid;gap:10px;width:100%}.dd-motion-slider-row{display:grid;grid-template-columns:minmax(92px,132px) minmax(120px,1fr) minmax(80px,116px);align-items:center;gap:14px;min-width:0;padding:14px 16px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-xs)}.dd-motion-slider-row>span:first-child{display:grid;gap:3px;min-width:0}.dd-motion-slider-row strong{color:var(--fg-1);font:700 13px/1 var(--font-sans);text-transform:capitalize}.dd-motion-slider-row em,.dd-motion-slider-row small{color:var(--fg-3);font:600 11px/1 var(--font-mono);font-style:normal}.dd-motion-track{position:relative;display:block;height:10px;min-width:0;overflow:visible;background:linear-gradient(90deg,var(--neutral-150),var(--neutral-100));border:1px solid var(--border-subtle);border-radius:999px;box-shadow:inset 0 1px 2px rgb(0 0 0/.08)}.dd-motion-trail{position:absolute;top:-1px;bottom:-1px;left:-1px;width:42%;background:linear-gradient(90deg,var(--stop-sunset-warm) 0,var(--stop-sunset-magenta) 46%,var(--stop-sunset-indigo) 100%);border-radius:inherit;box-shadow:0 0 0 1px rgb(255 255 255/.2) inset,0 8px 20px -12px rgb(var(--brand-accent-rgb)/.62);animation-name:dd-motion-fill;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:var(--ease-emphasis)}.dd-motion-trail b{position:absolute;top:50%;right:-10px;width:20px;height:20px;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:999px;box-shadow:0 1px 2px rgb(0 0 0/.16),0 8px 18px -10px rgb(var(--brand-accent-rgb)/.52);transform:translateY(-50%)}.dd-motion-trail.t-fast{animation-duration:1.2s}.dd-motion-trail.t-base{animation-duration:2s}.dd-motion-trail.t-slow{animation-duration:3.6s}.dd-motion-trail.t-reveal{animation-duration:6s}@keyframes dd-motion-fill{0%{width:22%}to{width:calc(100% - 10px)}}.dd-spacing-preview span{display:flex;align-items:center;gap:10px;color:var(--fg-2);font:500 12px/1 var(--font-mono)}.dd-spacing-preview i{display:block;height:12px;background:var(--gradient-sunset);border-radius:999px}.dd-swatch-stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.dd-input-preview,.dd-nav-preview,.dd-setting-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.dd-nav-system-preview{display:flex;flex-direction:column;gap:14px;margin-top:16px;min-width:0}.dd-nav-demo-bar{display:flex;align-items:center;gap:2px;min-width:0;padding:8px 8px 8px 14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-sm)}.dd-nav-demo-bar .dd-logo{margin-right:14px}.dd-nav-demo-spacer{flex:1 1 auto;min-width:8px}.dd-nav-demo-bar .dd-marketing-nav{display:flex;min-width:0}.dd-setting-list{gap:0}.dd-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--border-subtle)}.dd-setting-row:first-child{border-top:0}.dd-setting-row small,.dd-setting-row strong{display:block}.dd-setting-row strong{color:var(--fg-1);font:600 13px/1.2 var(--font-sans)}.dd-setting-row small{margin-top:3px;color:var(--fg-3);font:400 12px/1.35 var(--font-sans)}.dd-prompt-block{margin:0;padding:18px 20px;overflow-x:auto;color:var(--fg-code);font:400 13px/1.7 var(--font-mono);white-space:pre-wrap;background:var(--surface-code)}.dd-code-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.dd-code-panel{--code-bg:var(--surface-code);--code-bg-raised:var(--surface-code-raised);--code-fg:#e6edf3;--code-muted:#8b949e;--code-border:rgb(255 255 255/0.08);--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-symbol:#d2a8ff;position:relative;isolation:isolate;min-width:0;overflow:hidden;color:var(--code-fg);background:linear-gradient(180deg,rgb(255 255 255/.02),transparent 34%),var(--code-bg);border:1px solid var(--code-border);border-radius:14px;box-shadow:0 1px 2px rgb(0 0 0/.4),0 20px 40px -20px rgb(var(--brand-accent-rgb)/.25),0 10px 24px -14px rgb(var(--brand-magenta-rgb)/.18)}.dd-code-panel:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.3),rgb(var(--brand-magenta-rgb)/.24),rgb(var(--brand-warm-rgb)/.22));pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dd-code-panel[data-mode=light]{--code-bg:var(--surface-0);--code-bg-raised:var(--neutral-50);--code-fg:#24292f;--code-muted:#6e7781;--code-border:var(--border-subtle);--code-keyword:#cf222e;--code-string:#0a3069;--code-symbol:#8250df;background:linear-gradient(180deg,var(--code-bg-raised),var(--code-bg));box-shadow:0 1px 2px rgb(0 0 0/.03),0 12px 28px -16px rgb(0 0 0/.12)}.dd-code-panel[data-mode=light]:before{display:none}.dd-code-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;background:color-mix(in srgb,var(--code-bg-raised) 88%,transparent);border-bottom:1px solid var(--code-border)}.dd-code-dots{display:inline-flex;gap:5px}.dd-code-dots span{width:7px;height:7px;border-radius:50%;background:var(--neutral-500)}.dd-code-dots span:first-child{background:var(--status-critical)}.dd-code-dots span:nth-child(2){background:var(--status-warn)}.dd-code-dots span:nth-child(3){background:var(--status-success)}.dd-code-copy,.dd-code-file,.dd-code-lang{overflow:hidden;color:var(--code-muted);font:500 11px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.dd-code-copy,.dd-code-lang{padding:3px 6px;background:color-mix(in srgb,var(--code-fg) 7%,transparent);border:1px solid var(--code-border);border-radius:5px}.dd-code-pre{min-width:0;margin:0;padding:18px;overflow-x:auto;color:var(--code-fg);font:400 12px/1.7 var(--font-mono);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.dd-code-pre span{color:inherit}.dd-code-foot{display:flex;align-items:center;gap:7px;padding:10px 12px;color:var(--code-muted);font:500 11px/1.2 var(--font-mono);border-top:1px solid var(--code-border)}.dd-mini-card{min-width:120px;padding:14px;color:var(--fg-1);font:500 13px/1.2 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-mini-card-elevated{box-shadow:var(--shadow-md)}.dd-mini-card-inverted{color:#fff;background:var(--surface-code);border-color:rgb(255 255 255/.08)}.dd-index-card,.dd-runlog-card{min-height:78px;padding:14px;color:var(--fg-1);font:600 13px/1.2 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-index-card span,.dd-runlog-card span{display:block;margin-top:8px;color:var(--fg-3);font:400 11px/1.2 var(--font-mono)}.dd-card-hero-sample,.dd-rich-card,.dd-spec-card{position:relative;overflow:hidden;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-sm)}.dd-card-hero-sample{display:grid;grid-row:span 2;align-content:end;gap:12px;min-height:220px;padding:22px;background:radial-gradient(circle at 16% 0,rgb(var(--brand-accent-rgb)/.22),transparent 34%),radial-gradient(circle at 86% 20%,rgb(var(--brand-warm-rgb)/.2),transparent 32%),linear-gradient(180deg,var(--surface-0),var(--neutral-50));box-shadow:var(--shadow-sm),0 18px 44px -32px rgb(var(--brand-accent-rgb)/.5)}.dd-card-hero-sample:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--brand-rainbow-line);opacity:.75;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dd-hero-badge-sample{display:inline-flex;align-items:center;width:fit-content;gap:7px;padding:6px 9px;color:var(--fg-2);font:700 10px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:var(--shadow-xs)}.dd-hero-badge-sample i{width:7px;height:7px;background:var(--gradient-sunset);border-radius:999px;box-shadow:0 0 0 3px rgb(var(--brand-accent-rgb)/.12)}.dd-card-hero-sample strong{max-width:13ch;color:var(--fg-1);font:700 29px/.98 var(--font-sans);letter-spacing:-.025em}.dd-card-hero-sample small{max-width:30ch;color:var(--fg-2);font:500 13px/1.45 var(--font-sans)}.dd-rich-card,.dd-spec-card{display:grid;align-content:start;gap:9px;min-height:124px;padding:14px}.dd-rich-card strong,.dd-spec-card strong{color:var(--fg-1);font:700 14px/1.1 var(--font-sans)}.dd-rich-card span,.dd-spec-card span{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;color:var(--fg-2);font:600 11px/1.2 var(--font-mono)}.dd-rich-card span i{display:grid;place-items:center;width:20px;height:20px;color:#fff;font:700 9px/1 var(--font-sans);background:var(--surface-code);border-radius:999px}.dd-runlog-card.dd-rich-card span i{width:8px;height:8px;background:var(--status-success)}.dd-runlog-card.dd-rich-card span[data-tone=warn] i{background:var(--status-warning)}.dd-rich-card span em,.dd-spec-card span em{color:var(--fg-3);font-style:normal}.dd-spec-card{background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.1),transparent 45%),var(--surface-0)}.dd-spec-card span{grid-template-columns:auto 1fr}.dd-card-showcase .dd-mini-card{display:grid;align-content:center;gap:8px;min-height:124px}.dd-card-showcase .dd-mini-card strong{color:var(--fg-inv-1);font:700 15px/1 var(--font-sans)}.dd-card-showcase .dd-mini-card small{color:var(--fg-inv-3);font:500 12px/1.25 var(--font-sans)}.dd-brand-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:16px}.dd-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-top:16px}.dd-avatar-preview>span,.dd-icon-grid span{display:flex;align-items:center;gap:10px;min-width:0;color:var(--fg-2);font:500 12px/1.2 var(--font-sans)}.dd-icon-grid span{padding:10px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px}.dd-icon-grid svg{color:var(--fg-3)}.dd-avatar-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.dd-avatar-preview>span{position:relative;isolation:isolate;padding:9px 12px 9px 9px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:var(--shadow-xs)}.dd-avatar-preview>span[data-lead=true]{border-color:transparent;box-shadow:var(--shadow-sm),0 12px 28px -22px rgb(var(--brand-accent-rgb)/.55),0 8px 20px -18px rgb(var(--brand-magenta-rgb)/.5)}.dd-avatar-preview>span[data-lead=true]:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;background:var(--gradient-conic);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dd-avatar-preview>span>span{display:grid;gap:2px;min-width:0}.dd-avatar-preview strong{color:var(--fg-1);font:700 12px/1.05 var(--font-sans)}.dd-avatar-preview small{color:var(--fg-3);font:600 10px/1 var(--font-mono);text-transform:uppercase}.dd-neutral-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:4px;margin-top:16px}.dd-neutral-strip span{--neutral-label:#0a0a0a;--neutral-label-shadow:0 1px 0 rgb(255 255 255/0.55);display:flex;align-items:flex-end;min-height:44px;padding:5px;color:var(--neutral-label);font:600 9px/1 var(--font-mono);text-shadow:var(--neutral-label-shadow);border:1px solid var(--border-subtle);border-radius:8px}.dd-neutral-strip span[data-step="1000"],.dd-neutral-strip span[data-step="500"],.dd-neutral-strip span[data-step="600"],.dd-neutral-strip span[data-step="700"],.dd-neutral-strip span[data-step="800"],.dd-neutral-strip span[data-step="850"],.dd-neutral-strip span[data-step="900"],.dd-neutral-strip span[data-step="950"],html[data-theme=dark] .dd-neutral-strip span{--neutral-label:#fff;--neutral-label-shadow:0 1px 1px rgb(0 0 0/0.45)}html[data-theme=dark] .dd-neutral-strip span[data-step="1000"],html[data-theme=dark] .dd-neutral-strip span[data-step="500"],html[data-theme=dark] .dd-neutral-strip span[data-step="600"],html[data-theme=dark] .dd-neutral-strip span[data-step="700"],html[data-theme=dark] .dd-neutral-strip span[data-step="800"],html[data-theme=dark] .dd-neutral-strip span[data-step="850"],html[data-theme=dark] .dd-neutral-strip span[data-step="900"],html[data-theme=dark] .dd-neutral-strip span[data-step="950"]{--neutral-label:#0a0a0a;--neutral-label-shadow:0 1px 0 rgb(255 255 255/0.5)}.dd-semantic-swatch{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;color:#fff;font:600 12px/1 var(--font-mono);border-radius:8px}.dd-semantic-swatch[data-tone=critical]{background:var(--status-critical)}.dd-semantic-swatch[data-tone=warn]{background:var(--status-warn)}.dd-semantic-swatch[data-tone=success]{background:var(--status-success)}.dd-semantic-swatch[data-tone=info]{background:var(--status-info)}.dd-hide-desktop{display:none}.dd-logo-inverted{padding:12px;background:var(--surface-code);border-radius:12px}.dd-native-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.dd-native-renderer{overflow:hidden}.dd-native-renderer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:radial-gradient(circle at 96% 0,rgb(var(--brand-warm-rgb)/.14),transparent 30%),var(--surface-0);border-bottom:1px solid var(--border-subtle)}.dd-native-renderer-head h3{margin:7px 0 0;color:var(--fg-1);font:600 18px/1.15 var(--font-sans)}.dd-native-renderer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.dd-native-renderer-body{display:grid;grid-template-columns:minmax(320px,1fr) minmax(260px,340px);gap:18px;align-items:stretch;padding:18px}.dd-native-resizable{display:flex;width:min(430px,100%);min-width:min(320px,100%);max-width:100%;resize:horizontal;overflow:auto;scrollbar-width:thin}.dd-native-device{display:flex;flex-direction:column;width:100%;min-height:680px;overflow:hidden;background:#050505;border:1px solid rgb(255 255 255/.18);border-radius:28px;box-shadow:inset 0 1px 0 rgb(255 255 255/.08),var(--shadow-xl)}.dd-native-statusbar{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 20px;color:#fff;font:700 12px/1 var(--font-sans)}.dd-native-status-icons{display:inline-flex;align-items:flex-end;gap:4px}.dd-native-status-icons i{display:block;width:13px;height:8px;background:#fff;border-radius:999px}.dd-native-status-icons i:first-child{width:4px;height:5px}.dd-native-status-icons i:nth-child(2){width:4px;height:9px}.dd-native-screen{position:relative;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;padding:16px 14px 86px;overflow:hidden;color:var(--fg-1);background:radial-gradient(circle at 84% 6%,rgb(var(--brand-warm-rgb)/.12),transparent 28%),linear-gradient(180deg,var(--surface-0),var(--neutral-50))}.dd-native-app-header,.dd-native-feed-row,.dd-native-list-card>div,.dd-native-menu-list>div,.dd-native-mode-row,.dd-native-org-card,.dd-native-sheet button,.dd-native-tabs{display:flex;align-items:center}.dd-native-app-header{justify-content:space-between;gap:12px}.dd-native-app-header small,.dd-native-org-card small{display:block;color:var(--fg-3);font:500 10px/1.2 var(--font-mono);text-transform:uppercase}.dd-native-app-header strong{display:block;margin-top:4px;color:var(--fg-1);font:700 19px/1.1 var(--font-sans)}.dd-native-avatar{display:grid;place-items:center;width:34px;height:34px;color:#fff;font:700 11px/1 var(--font-sans);background:var(--surface-code);border-radius:999px}.dd-native-demo-stack,.dd-native-hero-card,.dd-native-list-card,.dd-native-org-card,.dd-native-sheet,.dd-native-theme-card{background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:16px;box-shadow:inset 0 1px 0 rgb(255 255 255/.04),var(--shadow-sm)}.dd-native-demo-stack,.dd-native-hero-card,.dd-native-theme-card{display:grid;gap:10px;padding:16px}.dd-native-hero-card{position:relative}.dd-native-hero-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgb(var(--brand-accent-rgb)/.55),rgb(var(--brand-magenta-rgb)/.38),rgb(var(--brand-warm-rgb)/.32));opacity:.8;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dd-native-hero-card h4,.dd-native-theme-card h4{margin:0;color:var(--fg-1);font:700 22px/1.05 var(--font-sans)}.dd-native-hero-card p,.dd-native-info-panel p,.dd-native-theme-card p{margin:0;color:var(--fg-2);font:400 13px/1.45 var(--font-sans)}.dd-native-list-card{overflow:hidden}.dd-native-list-card>div,.dd-native-menu-list>div{justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;border-top:1px solid color-mix(in srgb,var(--border-strong) 62%,transparent)}.dd-native-list-card>div:first-child,.dd-native-menu-list>div:first-child{border-top:0}.dd-native-feed-row span,.dd-native-list-card span,.dd-native-menu-list span{flex:1 1;min-width:0;color:var(--fg-1);font:600 13px/1.2 var(--font-sans)}.dd-native-org-card{justify-content:space-between;gap:10px;min-height:58px;padding:10px;text-align:left}.dd-native-org-card>span:nth-child(2){flex:1 1;min-width:0}.dd-native-org-card strong{display:block;color:var(--fg-1);font:700 14px/1.2 var(--font-sans)}.dd-native-menu-list{overflow:hidden;background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:16px;box-shadow:var(--shadow-sm)}.dd-native-menu-list>div[data-active=true]{background:linear-gradient(90deg,var(--active-bg-strong),rgb(var(--brand-magenta-rgb)/.08),transparent)}.dd-native-menu-list>div[data-active=true]:before{width:3px;height:24px;content:"";background:var(--gradient-sunset);border-radius:999px}.dd-native-chip-grid,.dd-native-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dd-native-chip-grid span,.dd-native-metric-grid>div{min-width:0;padding:12px;background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-native-chip-grid span{color:var(--fg-1);font:700 12px/1 var(--font-sans)}.dd-native-demo-stack .dd-input-wrap{width:100%}.dd-native-card-row,.dd-native-mode-row{display:flex;flex-wrap:wrap;gap:8px}.dd-native-metric-grid strong{display:block;color:var(--fg-1);font:700 23px/1 var(--font-sans)}.dd-native-metric-grid span{display:block;margin-top:5px;color:var(--fg-3);font:500 10px/1 var(--font-mono)}.dd-native-chart{min-height:160px;padding:14px;background:var(--surface-code);border:1px solid rgb(255 255 255/.08);border-radius:16px}.dd-native-chart svg{width:100%;height:132px}.dd-native-chart path{fill:none;stroke-linecap:round;stroke-width:3}.dd-native-chart path:first-child{stroke:#4169ff}.dd-native-chart path:last-child{stroke:var(--stop-sunset-warm)}.dd-native-feed-row{justify-content:space-between;gap:10px;padding:12px;background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-native-sheet{display:grid;gap:8px;padding:12px}.dd-native-sheet strong{color:var(--fg-1);font:700 13px/1.2 var(--font-sans)}.dd-native-sheet button{justify-content:space-between;min-height:38px;padding:0 10px;color:var(--fg-1);font:600 12px/1 var(--font-sans);background:var(--neutral-50);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:10px}.dd-native-sheet button[data-active=true]{color:var(--fg-inv-1);background:var(--fg-1);border-color:var(--fg-1)}.dd-native-motion-ring{display:inline-grid;place-items:center;width:86px;height:34px;color:var(--fg-1);font:700 12px/1 var(--font-mono);background:var(--surface-0);border-radius:999px}.dd-native-mode-row span{flex:1 1;min-height:42px;padding:12px;color:var(--fg-1);font:700 12px/1 var(--font-sans);background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:12px}.dd-native-tabs{position:absolute;right:14px;bottom:14px;left:14px;justify-content:space-between;gap:4px;min-height:54px;padding:5px;background:rgb(255 255 255/.86);border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);border-radius:999px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html[data-theme=dark] .dd-native-tabs{background:rgb(10 10 10/.86)}.dd-native-tabs span{display:grid;flex:1 1;place-items:center;min-width:0;height:42px;color:var(--fg-3);font:700 10px/1 var(--font-sans);border-radius:999px}.dd-native-tabs span[data-active=true]{color:#fff;background:var(--surface-code)}.dd-native-info-panel{display:grid;align-content:start;gap:16px;min-width:0}.dd-native-info-panel h4{margin:0 0 8px;color:var(--fg-1);font:700 15px/1.2 var(--font-sans)}.dd-native-qr,.dd-native-qr-fallback,.dd-native-qr-link{display:grid;width:128px;max-width:100%;background:var(--surface-0);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:14px}.dd-native-qr{grid-template-columns:repeat(7,1fr);gap:4px;padding:10px}.dd-native-qr span{aspect-ratio:1;background:var(--neutral-100);border-radius:2px}.dd-native-qr span[data-on=true]{background:var(--fg-1)}.dd-native-qr-fallback,.dd-native-qr-link{place-items:center;gap:8px;min-height:128px;padding:10px;color:var(--fg-2);font:600 11px/1.25 var(--font-sans);text-align:center;text-decoration:none;box-shadow:var(--shadow-xs)}.dd-native-qr-link img{display:block;width:104px;height:104px}.dd-native-qr-fallback span,.dd-native-qr-link span{display:block}.dd-native-qr-fallback{background:linear-gradient(135deg,rgb(var(--brand-warm-rgb)/.1),rgb(var(--brand-accent-rgb)/.08),rgb(var(--brand-magenta-rgb)/.06)),var(--surface-0)}.dd-native-qr-fallback svg{color:var(--fg-1)}.dd-native-qr-fallback[data-compact=true],.dd-native-qr-link[data-compact=true]{min-height:112px;font-size:10px}.dd-native-spec-list{display:grid;gap:10px}.dd-native-component-group,.dd-native-spec-list div{display:grid;gap:6px;padding:13px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px}.dd-native-component-group strong,.dd-native-spec-list strong{color:var(--fg-1);font:700 12px/1.2 var(--font-sans)}.dd-native-spec-list span{color:var(--fg-2);font:400 12px/1.45 var(--font-sans)}.dd-native-code-panel{--code-bg:var(--surface-code);--code-bg-raised:var(--surface-code-raised);--code-fg:var(--fg-code);--code-muted:var(--fg-inv-3);--code-border:rgb(255 255 255/0.08);overflow:hidden;color:var(--code-fg);background:var(--code-bg);border-top:1px solid var(--code-border)}.dd-native-component-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dd-native-component-group>div{display:flex;flex-wrap:wrap;gap:6px}.dd-docs-page{width:100%;max-width:1440px;min-width:0;padding:32px 40px 88px;margin:0 auto}.dd-docs-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:36px;align-items:center;min-width:0;margin-bottom:24px}.dd-docs-hero-copy{min-width:0}.dd-docs-hero-copy h1{max-width:720px;margin:14px 0 18px;color:var(--fg-1);font:500 62px/1.02 var(--font-sans);letter-spacing:0;text-wrap:balance}.dd-docs-hero-copy p{max-width:620px;margin:0;color:var(--fg-2);font:400 17px/1.58 var(--font-sans);letter-spacing:0;text-wrap:pretty}.dd-docs-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.dd-docs-hero-panel{--ring-width:1.5px;--ring-offset:0px;position:relative;min-width:0;padding:16px;overflow:visible;background:radial-gradient(ellipse 58% 48% at 74% 14%,rgb(var(--brand-magenta-rgb)/.16),transparent 70%),radial-gradient(ellipse 60% 54% at 10% 110%,rgb(var(--brand-cyan-rgb)/.11),transparent 70%),var(--surface-0);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-sm),0 28px 64px -44px rgb(var(--brand-accent-rgb)/.64),0 22px 48px -42px rgb(var(--brand-magenta-rgb)/.5)}.dd-docs-hero-panel:after{content:"";position:absolute;inset:14% -8% -14% 36%;z-index:-2;background:var(--gradient-sunset);border-radius:999px;filter:blur(76px);opacity:.2;pointer-events:none}.dd-docs-hero-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--fg-2);font:500 12px/1 var(--font-mono)}.dd-docs-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;margin-bottom:24px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-docs-metric-strip div{display:grid;gap:8px;min-width:0;padding:18px 20px;border-left:1px solid var(--border-subtle)}.dd-docs-metric-strip div:first-child{border-left:0}.dd-docs-metric-strip strong{color:var(--fg-1);font:500 30px/1 var(--font-sans);letter-spacing:0}.dd-docs-metric-strip span{overflow:hidden;color:var(--fg-3);font:500 12px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-docs-reader-grid{display:grid;grid-template-columns:244px minmax(0,1fr) 220px;gap:18px;align-items:start;min-width:0}.dd-docs-page-tree,.dd-docs-toc{position:sticky;top:84px;min-width:0}.dd-docs-page-tree{display:grid;gap:14px;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);padding:12px;overflow:auto;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs);scrollbar-width:thin}.dd-docs-page-tree details,.dd-docs-page-tree nav{display:grid;gap:5px;min-width:0}.dd-docs-page-tree details+details{padding-top:8px;border-top:1px solid var(--border-subtle)}.dd-docs-page-tree summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;color:var(--fg-1);font:600 12px/1.15 var(--font-sans);list-style:none;cursor:pointer}.dd-docs-page-tree summary::-webkit-details-marker{display:none}.dd-docs-page-tree summary svg{color:var(--fg-3)}.dd-docs-page-tree button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:32px;padding:8px 9px;color:var(--fg-2);text-align:left;background:transparent;border:0;border-radius:8px;cursor:pointer}.dd-docs-page-tree button:hover{color:var(--fg-1);background:linear-gradient(90deg,var(--active-bg) 0,rgb(var(--brand-magenta-rgb)/.05) 52%,transparent 100%)}.dd-docs-page-tree button[data-active=true]{color:var(--fg-1);font-weight:600;background:linear-gradient(90deg,rgb(var(--brand-accent-rgb)/.11),rgb(var(--brand-magenta-rgb)/.07),transparent 92%)}.dd-docs-page-tree button[data-active=true]:before{content:"";position:absolute;top:7px;bottom:7px;left:2px;width:3px;background:var(--active-rail);border-radius:999px;box-shadow:0 0 8px rgb(var(--brand-warm-rgb)/.28)}.dd-docs-page-tree button:hover svg,.dd-docs-page-tree button[data-active=true] svg{color:var(--accent-pop-indigo)}.dd-docs-page-tree button span{min-width:0;overflow:hidden;font:500 13px/1.1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.dd-docs-page-tree button small{color:var(--fg-3);font:500 10px/1 var(--font-mono);text-transform:uppercase}.dd-docs-article{min-width:0;padding:34px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-xs)}.dd-docs-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:26px;color:var(--fg-3);font:500 12px/1 var(--font-sans)}.dd-docs-breadcrumb strong{color:var(--fg-1);font-weight:600}.dd-docs-article-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:30px;border-bottom:1px solid var(--border-subtle)}.dd-docs-article-head h2{max-width:780px;margin:12px 0 0;color:var(--fg-1);font:500 48px/1.06 var(--font-sans);letter-spacing:0;text-wrap:balance}.dd-docs-article-head p{max-width:760px;margin:18px 0 0;color:var(--fg-2);font:400 16px/1.62 var(--font-sans);letter-spacing:0}.dd-docs-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:28px 0 10px;padding:14px;background:linear-gradient(90deg,rgb(var(--brand-accent-rgb)/.08),rgb(var(--brand-magenta-rgb)/.045),transparent),var(--surface-0);border:1px solid rgb(var(--brand-accent-rgb)/.16);border-radius:12px}.dd-docs-callout strong,.dd-docs-source-row strong{display:block;color:var(--fg-1);font:600 13px/1.25 var(--font-sans);letter-spacing:0}.dd-docs-callout small,.dd-docs-source-row small{display:block;margin-top:4px;color:var(--fg-3);font:400 12px/1.35 var(--font-sans)}.dd-docs-section{padding-top:34px;scroll-margin-top:88px}.dd-docs-section h3{margin:0 0 12px;color:var(--fg-1);font:600 23px/1.16 var(--font-sans);letter-spacing:0}.dd-docs-section p{max-width:760px;margin:0 0 18px;color:var(--fg-2);font:400 15px/1.62 var(--font-sans);letter-spacing:0}.dd-docs-code-card{--code-bg:var(--surface-code);--code-bg-raised:var(--surface-code-raised);--code-fg:#e6edf3;--code-muted:#8b949e;--code-border:rgb(255 255 255/0.08);--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-symbol:#d2a8ff;overflow:hidden;color:var(--code-fg);background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;box-shadow:var(--shadow-sm)}.dd-docs-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dd-docs-step{min-width:0;padding:15px;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:12px}.dd-docs-step>span{display:grid;place-items:center;width:26px;height:26px;margin-bottom:12px;color:#fff;font:600 12px/1 var(--font-mono);background:var(--fg-1);border-radius:8px}.dd-docs-step strong{display:block;color:var(--fg-1);font:600 14px/1.2 var(--font-sans);letter-spacing:0}.dd-docs-step p{margin:8px 0 0;color:var(--fg-2);font-size:13px;line-height:1.5}.dd-docs-source-list{display:grid;overflow:hidden;border:1px solid var(--border-subtle);border-radius:12px}.dd-docs-source-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:13px 14px;border-top:1px solid var(--border-subtle)}.dd-docs-source-row:first-child{border-top:0}.dd-docs-source-row>svg{color:var(--fg-3)}.dd-docs-source-row span{min-width:0}.dd-docs-source-row strong{overflow:hidden;font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dd-docs-footer-nav{display:flex;justify-content:space-between;gap:12px;margin-top:38px;padding-top:24px;border-top:1px solid var(--border-subtle)}.dd-docs-toc{display:grid;gap:4px;padding:14px;color:var(--fg-2);background:color-mix(in srgb,var(--surface-0) 82%,transparent);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-xs)}.dd-docs-toc>strong{margin-bottom:7px;color:var(--fg-1);font:600 12px/1 var(--font-sans)}.dd-docs-toc>a{position:relative;padding:7px 8px 7px 14px;color:var(--fg-3);font:500 12px/1.1 var(--font-sans);border-radius:7px}.dd-docs-toc>a:first-of-type{color:var(--fg-1);background:var(--neutral-50)}.dd-docs-toc>a:first-of-type:before{content:"";position:absolute;top:8px;bottom:8px;left:4px;width:2px;background:var(--active-rail);border-radius:999px}.dd-docs-toc-card{display:grid;gap:8px;margin-top:14px;padding:12px;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:10px}.dd-docs-toc-card span{color:var(--fg-1);font:600 12px/1.2 var(--font-sans)}.dd-docs-toc-card small{color:var(--fg-3);font:400 11px/1.4 var(--font-mono)}@media (max-width:920px){.dd-marketing-nav{display:none}.dd-nav-demo-bar{align-items:center;flex-wrap:wrap}.dd-nav-demo-bar .dd-logo{margin-right:0}.dd-nav-demo-bar .dd-marketing-nav{order:3;display:flex;flex:1 1 100%;overflow-x:auto;scrollbar-width:none}.dd-nav-demo-bar .dd-marketing-nav::-webkit-scrollbar{display:none}.dd-nav-demo-bar .dd-nav-demo-spacer{flex:1 1 auto;min-width:8px}.dd-nav-demo-bar .dd-marketing-signin{display:none}.dd-nav-demo-bar .dd-marketing-nav-cta{margin-left:auto}.dd-library-overview{grid-template-columns:1fr}.dd-native-renderer-body,.dd-platform-split,.dd-section-card-grid,.dd-section-route-grid{grid-template-columns:minmax(0,1fr)}.dd-native-resizable{resize:none}.dd-preview-layout{grid-template-columns:minmax(0,1fr)}.dd-preview-controls{position:static}.dd-preview-target-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-shadcn-summary-grid,.dd-space-overview-preview,.dd-space-primitive-grid,.dd-space-summary-grid{grid-template-columns:minmax(0,1fr)}.dd-shadcn-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-shadcn-block-grid{grid-template-columns:minmax(0,1fr)}.dd-shadcn-auth-preview,.dd-shadcn-calendar-block-preview,.dd-shadcn-dashboard-preview,.dd-shadcn-sidebar-preview{margin:0 14px}.dd-shadcn-auth-preview[data-mode=form-image],.dd-shadcn-auth-preview[data-mode=split-image]{grid-template-columns:minmax(0,1fr)}.dd-shadcn-auth-art{min-height:132px;border-right:0;border-bottom:1px solid var(--border-subtle)}.dd-shadcn-sidebar-preview[data-mode=dual] .dd-shadcn-sidebar-shell,.dd-shadcn-sidebar-preview[data-mode=right] .dd-shadcn-sidebar-shell,.dd-shadcn-sidebar-shell{grid-template-columns:minmax(0,1fr)}.dd-shadcn-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle)}.dd-shadcn-sidebar-preview[data-mode=right] .dd-shadcn-sidebar:first-child{display:flex}.dd-shadcn-sidebar-right{border-top:1px solid var(--border-subtle);border-left:0}.dd-disclosure-demo{grid-template-columns:minmax(0,1fr)}.dd-app{grid-template-columns:1fr}.dd-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:90;width:min(320px,calc(100vw - 36px));height:100dvh;border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);transform:translateX(-104%);transition:transform .24s var(--ease-emphasis)}.dd-app[data-mobile-open=true] .dd-sidebar{transform:translateX(0)}.dd-mobile-backdrop{position:fixed;inset:0;z-index:85;display:block;pointer-events:none;cursor:default;background:rgb(0 0 0/0);border:0;opacity:0;transition:opacity .18s,background .18s}.dd-app[data-mobile-open=true] .dd-mobile-backdrop{pointer-events:auto;background:rgb(0 0 0/.36);opacity:1}.dd-mobile-trigger{display:inline-flex}.dd-collapse-toggle,.dd-sidebar-rail{display:none}.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-side-label,.dd-app[data-collapsed=true] .dd-side-logo,.dd-app[data-collapsed=true] .dd-user-chevron,.dd-app[data-collapsed=true] .dd-user-info{display:block}.dd-app[data-collapsed=true] .dd-side-logo{flex:1 1}.dd-app[data-collapsed=true] .dd-side-item{justify-content:flex-start;padding:9px 10px 9px 14px}.dd-app[data-collapsed=true] .dd-side-item[data-active=true]:before{display:block}.dd-app[data-collapsed=true] .dd-side-section{height:auto;padding:8px 8px 5px;opacity:1}.dd-app[data-collapsed=true] .dd-org-chevron,.dd-app[data-collapsed=true] .dd-org-copy{display:block}.dd-app[data-collapsed=true] .dd-user-card{justify-content:flex-start;padding:7px 8px}.dd-topbar{top:0;z-index:70;align-items:center;gap:16px;min-height:calc(72px + env(safe-area-inset-top, 0px));padding:calc(14px + env(safe-area-inset-top, 0px)) 20px 14px;background:color-mix(in srgb,var(--surface-0) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dd-topbar .dd-icon-button,.dd-topbar>.dd-button{flex:0 0 auto}.dd-topbar .dd-icon-button{width:40px;height:40px}.dd-topbar>.dd-button[data-size=sm]{--button-h:40px;--button-px:16px;--button-radius:8px;--button-fs:13px}.dd-input{font-size:16px;line-height:1}.dd-input-wrap{min-height:40px;height:auto}.dd-breadcrumb{max-width:34vw}.dd-search{display:none}.dd-view-scroll{min-height:100vh;min-height:100dvh;overflow-y:visible}.dd-shell-container{padding:24px 18px 72px}.dd-design-dashboard-grid,.dd-design-dashboard-head{grid-template-columns:minmax(0,1fr)}.dd-design-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-agent-grid,.dd-marketing-hero{grid-template-columns:1fr}.dd-agent-tabs{flex-wrap:wrap;gap:6px;overflow-x:visible;border-bottom:0}.dd-agent-tab{margin-bottom:0;padding:8px 10px;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:999px}.dd-agent-tab[data-active=true]{background:var(--fg-1);border-color:var(--fg-1);color:var(--fg-inv-1)}.dd-evals-grid,.dd-pillars-grid{grid-template-columns:1fr}.dd-page-header{align-items:flex-start;flex-direction:column}.dd-library-row{grid-template-columns:auto minmax(0,1fr)}.dd-library-row>.dd-badge,.dd-library-row>.dd-button,.dd-library-row>small:last-child{grid-column:2;width:fit-content}.dd-pattern-shell-mini{grid-template-columns:1fr}.dd-pattern-shell-drawer{display:flex}.dd-pattern-shell-rail{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border-subtle)}.dd-pattern-topbar{flex-wrap:wrap}.dd-pattern-search{flex-basis:100%;order:4}.dd-pattern-card-grid{grid-template-columns:1fr}.dd-docs-page{padding:24px 18px 72px}.dd-docs-hero,.dd-docs-reader-grid{grid-template-columns:minmax(0,1fr)}.dd-docs-hero{gap:24px}.dd-docs-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-docs-metric-strip div:nth-child(3){border-left:0}.dd-docs-metric-strip div:nth-child(3),.dd-docs-metric-strip div:nth-child(4){border-top:1px solid var(--border-subtle)}.dd-docs-page-tree,.dd-docs-toc{position:static;max-height:none}.dd-docs-page-tree{overflow:visible}.dd-docs-page-tree nav{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.dd-docs-page-tree details+details{padding-top:0;border-top:0}.dd-docs-toc{grid-row:2;grid-template-columns:auto repeat(5,auto);align-items:center;overflow-x:auto}.dd-docs-toc>strong{margin-bottom:0}.dd-docs-toc-card{grid-column:1/-1}.dd-docs-step-grid{grid-template-columns:minmax(0,1fr)}}.dd-claude-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.dd-claude-link-card{--button-h:auto;--button-px:16px;justify-content:space-between;min-height:92px;padding-top:14px;padding-bottom:14px;text-align:left;white-space:normal}.dd-claude-link-card>span{display:grid;min-width:0;gap:8px}.dd-claude-link-card strong{color:var(--fg-1);font:600 14px/1.2 var(--font-sans);letter-spacing:-.01em}.dd-claude-link-card small{color:var(--fg-3);font:400 12px/1.45 var(--font-sans);letter-spacing:-.005em}.dd-claude-frame-card{overflow:hidden}.dd-claude-frame-shell{width:100%;overflow:auto;background:linear-gradient(to right,var(--surface-0) 30%,transparent) 0 /28px 100% no-repeat,linear-gradient(to left,var(--surface-0) 30%,transparent) 100% /28px 100% no-repeat,var(--surface-0);-webkit-overflow-scrolling:touch}.dd-claude-frame{display:block;width:100%;min-width:min(var(--claude-frame-min-width),100%);height:var(--claude-frame-height);border:0;background:#fff}@media (max-width:760px){.dd-claude-frame{width:var(--claude-frame-min-width)}.dd-hide-mobile{display:none!important}.dd-hide-desktop{display:inline-flex}.dd-marketing-container{box-sizing:border-box;max-width:100%;padding-right:20px;padding-left:20px}.dd-marketing-header .dd-marketing-container{gap:12px!important}.dd-marketing-header .dd-logo{flex:0 1 auto}.dd-marketing-header .dd-logo-word{overflow:hidden;text-overflow:ellipsis}.dd-marketing-account{box-sizing:border-box;flex:0 0 34px;width:34px;padding:3px;justify-content:center}.dd-marketing-account-link{display:none}.dd-brand-toggle button{min-width:36px;padding:0 6px}.dd-marketing-hero{gap:36px;padding-top:64px;padding-bottom:56px}.dd-hero-title{font-size:clamp(38px,12vw,48px);letter-spacing:-.028em}.dd-hero-copy{font-size:16px}.dd-marketing-quote{padding:116px 20px 96px;background:radial-gradient(ellipse 104% 36% at 68% 0,rgb(var(--brand-warm-rgb)/.28),transparent 66%),radial-gradient(ellipse 95% 40% at 10% 0,rgb(var(--brand-accent-rgb)/.22),transparent 68%),linear-gradient(180deg,var(--surface-code) 0,#10100b 52%,var(--surface-code) 100%)}.dd-hero-glow{inset:0!important;width:auto!important;max-width:100vw}.dd-marketing-quote-glow{right:-34px!important;width:min(520px,94vw)!important;height:min(520px,94vw)!important}.dd-sidebar{transform:translateX(calc(-100% - 24px))}.dd-app[data-mobile-open=true] .dd-sidebar{transform:translateX(0)}.dd-app[data-collapsed=true] .dd-org-switcher{justify-content:flex-start;padding:8px 9px}.dd-app[data-collapsed=true] .dd-org-chevron,.dd-app[data-collapsed=true] .dd-org-copy,.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-side-label,.dd-app[data-collapsed=true] .dd-side-logo,.dd-app[data-collapsed=true] .dd-user-chevron,.dd-app[data-collapsed=true] .dd-user-info{display:initial}.dd-app[data-collapsed=true] .dd-side-item{justify-content:flex-start;padding:9px 10px 9px 14px}.dd-app[data-collapsed=true] .dd-side-item[data-active=true]:before{display:block}.dd-docs-page{padding-right:10px;padding-left:10px}.dd-docs-hero-copy h1{font-size:40px;letter-spacing:0}.dd-docs-hero-copy p{font-size:15px;line-height:1.54}.dd-docs-hero-actions{gap:8px}.dd-docs-hero-actions .dd-button[data-size=lg]{--button-h:40px;--button-px:14px;--button-fs:13px}.dd-docs-hero-panel{padding:10px;border-radius:16px}.dd-docs-hero-panel .dd-code-pre,.dd-docs-section .dd-code-pre{padding:13px;font-size:10px;line-height:1.65}.dd-docs-metric-strip strong{font-size:28px}.dd-docs-metric-strip span{white-space:normal}.dd-docs-page-tree nav{grid-template-columns:minmax(0,1fr);overflow:visible;padding-bottom:0}.dd-docs-page-tree details+details{padding-top:8px;border-top:1px solid var(--border-subtle)}.dd-docs-toc{display:flex;flex-wrap:wrap;gap:5px}.dd-docs-toc>strong{flex:1 0 100%}.dd-docs-toc>a{flex:1 1 30%;min-width:max-content}.dd-docs-toc-card{flex:1 0 100%}.dd-docs-article{padding:24px 18px}.dd-docs-article-head{flex-direction:column}.dd-docs-article-head h2{font-size:34px}.dd-docs-source-row{grid-template-columns:auto minmax(0,1fr)}.dd-docs-source-row .dd-badge{grid-column:2;width:fit-content}.dd-marketing-quote blockquote{font-size:clamp(34px,11vw,46px)!important}.dd-marketing-cta{padding-top:88px;padding-bottom:96px}.dd-cta-title{font-size:clamp(34px,11vw,48px)!important;letter-spacing:-.026em!important}.dd-cta-actions{display:flex;width:100%}.dd-cta-actions .dd-button{max-width:100%}.dd-dashboard-grid{grid-template-columns:minmax(0,1fr)}.dd-shadcn-block-head{flex-direction:column}.dd-shadcn-dashboard-preview{grid-template-columns:minmax(0,1fr)}.dd-shadcn-dashboard-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid var(--border-subtle)}.dd-shadcn-dashboard-metrics,.dd-shadcn-otp-row,.dd-shadcn-overview-list,.dd-shadcn-sidebar-canvas,.dd-shadcn-skin-grid{grid-template-columns:minmax(0,1fr)}.dd-shadcn-auth-form,.dd-shadcn-calendar-block-preview,.dd-space-preview{padding:14px}.dd-space-primitive-body,.dd-space-primitive-head{padding:16px}.dd-space-card-row,.dd-space-dashboard-forms-preview .dd-space-action-toolbar,.dd-space-dashboard-nav-preview,.dd-space-dashboard-nav-preview main>section,.dd-space-dashboard-widget-preview,.dd-space-form-grid,.dd-space-kpi-grid,.dd-space-loader-grid,.dd-space-marketing-auth-preview,.dd-space-marketing-features-preview,.dd-space-marketing-utility-preview,.dd-space-newsletter-row,.dd-space-pricing-grid{grid-template-columns:minmax(0,1fr)}.dd-space-dashboard-nav-preview aside{border-right:0;border-bottom:1px solid var(--border-subtle)}.dd-space-action-toolbar .dd-button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}.dd-space-marketing-hero-preview header{grid-template-columns:auto auto}.dd-space-marketing-hero-preview nav{grid-column:1/-1;order:3}.dd-space-marketing-hero-preview h4{font-size:22px}.dd-space-bento-card[data-featured=true]{grid-row:auto;min-height:160px}.dd-space-motion-reveal{font-size:24px}.dd-space-number-ticker span{width:28px;height:38px;font-size:18px}.dd-space-orbit{width:180px;height:104px}.dd-space-orbit span{transform:rotate(var(--orbit-angle)) translateX(74px) rotate(calc(var(--orbit-angle) * -1))}.dd-space-loader-grid small{grid-column:1}.dd-shadcn-dashboard-topbar,.dd-shadcn-sidebar-topbar{align-items:stretch;flex-direction:column}.dd-shadcn-dashboard-topbar>span:nth-child(2){max-width:none}.dd-preview-target-list{grid-template-columns:minmax(0,1fr)}.dd-preview-stage-scroll{padding:12px}.dd-code-pair,.dd-component-grid,.dd-control-preview-grid{grid-template-columns:minmax(0,1fr)}.dd-code-head{grid-template-columns:auto minmax(0,1fr) auto}.dd-code-copy{display:none}.dd-brand-button-stack{align-items:stretch;flex-direction:column}.dd-brand-button-stack .dd-button{width:100%}.dd-card-patterns{grid-template-columns:minmax(0,1fr)}.dd-native-renderer-head{align-items:stretch;flex-direction:column}.dd-native-renderer-actions{justify-content:flex-start}.dd-native-device{min-height:640px}.dd-index-card,.dd-mini-card,.dd-runlog-card{min-width:0}}@media (max-width:460px){.dd-breadcrumb{max-width:38vw}.dd-topbar{gap:8px}.dd-topbar>.dd-button{--button-px:10px}.dd-shell-container{padding-right:14px;padding-left:14px}.dd-design-dashboard-title,.dd-design-status-panel{padding:16px}.dd-design-dashboard-title h1{font-size:28px}.dd-design-module-grid,.dd-design-status-grid{grid-template-columns:minmax(0,1fr)}.dd-design-module-card{grid-template-columns:auto minmax(0,1fr)}.dd-brand-row{align-items:flex-start;flex-direction:column}.dd-logo-inverted{width:fit-content;max-width:calc(100% + 12px);margin-left:-12px}}@media (hover:none){.dd-collapse-toggle:hover,.dd-icon-button:hover{color:var(--fg-2);background:transparent}}