: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:#fff;--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:#000;--surface-0:#fff;--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:#ffffff0f;--border-inv:#ffffff1a;--border-inv-strong:#ffffff2e;--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) / .1);--active-bg-strong:rgb(var(--brand-magenta-rgb) / .14);--active-border:rgb(var(--brand-accent-rgb) / .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) / .56), 0 8px 22px -18px rgb(var(--brand-magenta-rgb) / .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:-.035em;--ls-heading:-.02em;--ls-body:-.005em;--ls-eyebrow:.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 #0000000d;--shadow-sm:0 2px 4px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 6px 16px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 18px 40px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 32px 64px #00000026, 0 8px 16px #00000014;--shadow-focus:0 0 0 1px var(--active-border), 0 0 0 4px rgb(var(--brand-accent-rgb) / .16), 0 0 0 7px rgb(var(--brand-magenta-rgb) / .07);--shadow-inset:inset 0 1px 0 #ffffff14;--ease-standard:cubic-bezier(.2, .7, .1, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--dur-reveal:.6s;--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:#fff;--neutral-950:#fff;--neutral-1000:#fff;--surface-0:#0a0a0a;--surface-1:#111113;--surface-2:#18181b;--surface-inv:#fff;--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:#ffffff14;--border-1:#ffffff1f;--border-strong:#fff3;--action-primary:#fff;--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:#fff;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 4px #00000042, 0 1px 2px #00000052;--shadow-md:0 10px 24px #00000059, 0 2px 4px #00000047;--shadow-lg:0 18px 40px #0000006b, 0 4px 8px #00000052;--shadow-xl:0 32px 64px #0000008c, 0 8px 16px #00000061;--shadow-focus:0 0 0 3px #ffffff29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@property --dd-ring-angle{syntax:"<angle>";inherits:false;initial-value:180deg}.dd-conic-ring{isolation:isolate;position:relative}.dd-conic-ring:before{content:"";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-composite:xor;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@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;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);justify-content:center;align-items:center;gap:8px;display:inline-flex}.dd-button:hover{background:var(--button-bg-hover)}.dd-button[data-variant=secondary]:hover,.dd-button[data-variant=ghost]: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{box-shadow:var(--shadow-focus);outline:none}.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 #ffffff47, inset 0 -1px 0 #0000001f, 0 2px 4px rgb(var(--brand-accent-rgb) / .22), 0 10px 28px -8px rgb(var(--brand-accent-rgb) / .48), 0 6px 20px -10px rgb(var(--brand-magenta-rgb) / .42);text-shadow:0 1px 1px #0000002e;background-position:0%;background-size:180% 180%;font-weight:600}.dd-button[data-variant=signature]:hover,.dd-button[data-variant=signature]:focus-visible{--button-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #00000024, 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);box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #00000024, 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);transform:translateY(-.5px)}.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) / .18), 0 10px 26px -8px rgb(var(--brand-accent-rgb) / .38), 0 6px 18px -8px rgb(var(--brand-magenta-rgb) / .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 #00000040, 0 2px 4px #00000014;--ring-width:2px;z-index:0;isolation:isolate;position:relative}.dd-rainbow-hover:before{content:"";z-index:1;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-composite:xor;transition:opacity .22s var(--ease-standard);padding:1.5px;animation:16s linear infinite dd-conic-ring-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dd-rainbow-hover:hover:before,.dd-rainbow-hover:focus-visible:before{opacity:1}.dd-button[data-variant=brand]:hover,.dd-button[data-variant=brand]:focus-visible,.dd-button[data-variant=rainbow]:hover,.dd-button[data-variant=rainbow]:focus-visible{--button-shadow:0 2px 4px rgb(var(--brand-accent-rgb) / .22), 0 14px 32px -8px rgb(var(--brand-accent-rgb) / .52), 0 8px 22px -8px rgb(var(--brand-magenta-rgb) / .38);transform:translateY(-.5px)}.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-topbar-primary-action,.dd-preview-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-topbar-primary-action.dd-rainbow-hover:before,.dd-preview-primary-action.dd-rainbow-hover:before{opacity:.82}.dd-topbar-primary-action:hover,.dd-topbar-primary-action:focus-visible,.dd-preview-primary-action:hover,.dd-preview-primary-action:focus-visible{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);background:#fafafa}.dd-topbar-primary-action:hover:before,.dd-topbar-primary-action:focus-visible:before,.dd-preview-primary-action:hover:before,.dd-preview-primary-action:focus-visible: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;border-color:#0000;height:auto;text-decoration:none}.dd-button[data-variant=link]:hover{color:var(--link-hover)}.dd-gradient-text{color:#0000;background:var(--brand-rainbow-line);text-shadow:none;-webkit-background-clip:text;background-clip:text}.dd-badge{isolation:isolate;width:fit-content;color:var(--badge-fg);font:500 12px / 1 var(--font-sans);letter-spacing:-.005em;background:var(--badge-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;position:relative}.dd-badge-dot{background:var(--badge-dot);border-radius:50%;width:6px;height:6px}.dd-badge[data-tone=success]{--badge-bg:#0596691a;--badge-fg:#047857;--badge-dot:var(--status-success)}.dd-badge[data-tone=warn]{--badge-bg:#d977061a;--badge-fg:var(--status-warn);--badge-dot:var(--status-warn)}.dd-badge[data-tone=danger]{--badge-bg:#dc26261a;--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]{font-family:var(--font-mono);border:1px solid var(--border-1);border-radius:5px;padding:4px 7px}.dd-badge[data-variant=counter]{min-width:22px;font-family:var(--font-mono);justify-content:center;padding:4px 7px;font-weight:600}.dd-badge-inline{color:var(--fg-1);font:500 12px / 1 var(--font-sans);letter-spacing:-.005em;align-items:center;gap:6px;display:inline-flex}.dd-badge[data-variant=new]{color:var(--fg-1);font-family:var(--font-mono);background:var(--surface-0);box-shadow:var(--shadow-xs);border-radius:999px;padding:4px 8px}.dd-badge[data-variant=new]:before{content:"";z-index:-1;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-composite:xor;padding:1px;animation:8s linear infinite dd-conic-ring-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.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));box-shadow:var(--card-shadow,none);border-radius:14px}.dd-card[data-variant=elevated]{--card-shadow:var(--shadow-md)}.dd-card[data-variant=inverted]{--card-bg:var(--surface-code);--card-border:#ffffff0f;color:#fff}.dd-card[data-variant=brand]{--card-border:transparent}.dd-field{flex-direction:column;gap:6px;display:flex}.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{background:var(--surface-0);border:1px solid var(--border-1);height:36px;box-shadow:var(--shadow-xs);border-radius:8px;align-items:center;gap:8px;padding:0 12px;transition:border .12s,box-shadow .12s;display:flex}.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]{border-color:var(--status-critical);background:#dc262605;box-shadow:0 0 0 3px #dc262626}.dd-input-wrap[data-disabled=true]{color:var(--fg-muted);background:var(--neutral-50);box-shadow:none}.dd-input{min-width:0;color:var(--fg-1);font:400 13px / 1 var(--font-sans);letter-spacing:-.005em;background:0 0;border:0;outline:0;flex:1}.dd-input:disabled{color:var(--fg-muted);cursor:not-allowed}.dd-input-affix{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);flex-shrink:0;align-self:stretch;align-items:center;margin-right:-12px;padding:0 10px;display:inline-flex}.dd-control-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.dd-control-card{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.dd-control-title{color:var(--fg-1);font:600 12px / 1 var(--font-sans)}.dd-choice-row{color:var(--fg-2);font:500 13px / 1.2 var(--font-sans);align-items:center;gap:10px;display:flex}.dd-checkbox{color:#fff;background:linear-gradient(135deg, var(--stop-sunset-indigo) 0%, var(--stop-sunset-magenta) 100%);border:1px solid #0000;border-radius:4px;place-items:center;width:18px;height:18px;display:inline-grid}.dd-switch{background:linear-gradient(90deg, var(--stop-sunset-warm) 0%, var(--stop-sunset-magenta) 50%, var(--stop-sunset-indigo) 100%);border-radius:999px;width:36px;height:20px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.dd-switch:after{content:"";background:var(--surface-0);width:14px;height:14px;box-shadow:var(--shadow-xs);border-radius:50%;position:absolute;top:3px;right:3px}.dd-combo-menu{background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;gap:2px;padding:5px;display:flex}.dd-combo-option{color:var(--fg-1);font:500 13px / 1 var(--font-sans);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:8px 9px;display:flex}.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{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.dd-space-summary-grid strong{color:var(--fg-1);font:700 32px / 1 var(--font-sans);margin-top:8px;display:block}.dd-space-summary-grid small{color:var(--fg-3);font:400 12px / 1.35 var(--font-sans);margin-top:6px;display:block}.dd-space-primitive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dd-space-primitive-card{min-width:0;overflow:hidden}.dd-space-primitive-head,.dd-space-primitive-body{flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.dd-space-primitive-body .dd-shadcn-export .dd-inline-code{white-space:normal;overflow-wrap:anywhere;line-height:1.45;overflow-x:visible}.dd-space-primitive-head{border-bottom:1px solid var(--border-subtle)}.dd-space-primitive-head>span:first-child{flex-direction:column;gap:9px;min-width:0;display:flex}.dd-space-primitive-head h3{color:var(--fg-1);font:650 18px / 1.15 var(--font-sans);margin:0}.dd-space-primitive-head p{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-space-preview{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);min-height:240px;padding:18px}.dd-space-overview-preview{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);gap:12px;width:100%;min-width:0;display:grid}.dd-space-overview-preview .dd-space-selection-preview{border:1px solid var(--border-subtle);border-radius:12px;min-height:220px;padding:12px}.dd-space-actions-preview,.dd-space-selection-preview,.dd-space-overlays-preview,.dd-space-disclosure-preview,.dd-space-feedback-preview,.dd-space-display-preview{align-content:start;gap:12px;display:grid}.dd-space-action-toolbar{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.dd-space-icon-button-row{gap:8px;display:flex}.dd-space-icon-button-row button,.dd-space-dialog-head button,.dd-space-pagination button{color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-xs);border-radius:8px;place-items:center;display:inline-grid}.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{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dd-space-textarea-field{grid-column:1/-1}.dd-space-textarea{resize:vertical;width:100%;min-height:84px;color:var(--fg-1);font:400 16px / 1.35 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-xs);border-radius:8px;padding:11px 12px}.dd-space-textarea:focus-visible{border-color:var(--accent-pop-indigo);box-shadow:var(--shadow-focus);outline:none}.dd-space-fieldset,.dd-space-select-card{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.dd-space-fieldset{margin:0}.dd-space-fieldset legend{color:var(--fg-1);font:600 12px / 1 var(--font-sans);padding:0 4px}.dd-space-check-row,.dd-space-radio-row{color:var(--fg-2);font:500 13px / 1.2 var(--font-sans);align-items:center;gap:10px;display:flex}.dd-space-radio-row>span:first-child{border:1px solid var(--border-strong);width:18px;height:18px;box-shadow:inset 0 0 0 4px var(--surface-0);border-radius:999px}.dd-space-radio-row>span:first-child[data-checked=true]{background:var(--accent-pop-indigo);border-color:var(--accent-pop-indigo)}.dd-space-slider{background:var(--neutral-150);border-radius:999px;height:8px;margin-top:4px;display:block;position:relative}.dd-space-slider i{background:var(--brand-rainbow-line);border-radius:inherit;position:absolute;inset:0 18% 0 0}.dd-space-calendar-preview .dd-shadcn-calendar-block-preview{background:var(--surface-0);width:min(100%,360px);margin:0 auto}.dd-space-dialog,.dd-space-popover{background:var(--surface-0);border:1px solid var(--border-1);min-width:0;box-shadow:var(--shadow-md)}.dd-space-dialog{border-radius:14px;padding:14px}.dd-space-dialog-head,.dd-space-dialog-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.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{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:10px 0 14px}.dd-space-dialog-actions{justify-content:flex-end}.dd-space-popover{border-radius:10px;flex-direction:column;gap:3px;width:min(100%,220px);padding:6px;display:flex}.dd-space-popover span{color:var(--fg-1);font:500 13px / 1 var(--font-sans);border-radius:7px;padding:8px 9px}.dd-space-popover span[data-active=true]{background:linear-gradient(90deg, var(--active-bg), rgb(var(--brand-magenta-rgb) / .06), transparent)}.dd-space-tabs{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;gap:4px;padding:4px;display:flex}.dd-space-tabs button{min-width:0;color:var(--fg-2);font:600 12px / 1 var(--font-sans);background:0 0;border:0;border-radius:7px;flex:1;padding:8px 10px}.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{gap:8px;display:grid}.dd-space-accordion details{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;padding:12px}.dd-space-accordion summary{color:var(--fg-1);font:600 13px / 1 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.dd-space-accordion summary::-webkit-details-marker{display:none}.dd-space-accordion p{color:var(--fg-2);font:400 12px / 1.4 var(--font-sans);margin:10px 0 0}.dd-space-alert{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;align-items:center;gap:10px;padding:12px;display:flex}.dd-space-alert[data-tone=danger]{border-color:#dc26263d}.dd-space-progress{background:var(--neutral-150);border-radius:999px;height:8px;display:block;overflow:hidden}.dd-space-progress i{background:var(--brand-rainbow-line);width:72%;height:100%;display:block}.dd-space-skeleton{gap:8px;display:grid}.dd-space-skeleton span{background:linear-gradient(90deg, var(--neutral-100), var(--neutral-150), var(--neutral-100));border-radius:999px;height:12px;display:block}.dd-space-skeleton span:nth-child(2){width:74%}.dd-space-skeleton span:nth-child(3){width:48%}.dd-space-breadcrumb{color:var(--fg-3);font:500 12px / 1 var(--font-sans);align-items:center;gap:7px;display:inline-flex}.dd-space-breadcrumb strong{color:var(--fg-1)}.dd-space-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dd-space-card-row span{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;min-width:0;padding:12px}.dd-space-card-row strong,.dd-space-card-row small{display:block}.dd-space-card-row strong{color:var(--fg-1);font:700 18px / 1 var(--font-sans)}.dd-space-card-row small{color:var(--fg-3);font:500 11px / 1 var(--font-mono);margin-top:5px}.dd-space-pagination{gap:6px;display:flex}.dd-space-pagination button{width:30px;height:30px;font:600 12px / 1 var(--font-mono)}.dd-space-dashboard-chart-preview,.dd-space-dashboard-table-preview,.dd-space-dashboard-widget-preview,.dd-space-dashboard-nav-preview,.dd-space-dashboard-forms-preview{align-content:start;gap:12px;display:grid}.dd-space-kpi-grid,.dd-space-dashboard-widget-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dd-space-dashboard-widget-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-space-kpi-grid span,.dd-space-dashboard-widget-preview>span{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:12px;gap:8px;padding:12px;display:grid}.dd-space-kpi-grid strong,.dd-space-dashboard-widget-preview 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{background:var(--surface-0);border:1px solid var(--border-subtle);width:100%;min-height:180px;box-shadow:var(--shadow-xs);border-radius:14px;overflow:visible}.dd-space-dashboard-chart-preview svg path:first-child{fill:none;stroke:var(--accent-pop-indigo);stroke-width:5px;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{grid-template-columns:minmax(92px,.9fr) minmax(92px,1fr) minmax(88px,1fr) auto;align-items:center;gap:10px;min-width:520px;padding:10px 12px;display:grid}.dd-space-dashboard-table-preview{background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:14px;overflow-x:auto}.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{align-items:center;gap:8px;display:inline-flex}.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{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;grid-template-columns:168px minmax(0,1fr);min-height:260px;padding:0;overflow:hidden}.dd-space-dashboard-nav-preview aside{border-right:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:12px;display:flex}.dd-space-dashboard-nav-preview aside>span{min-width:0;color:var(--fg-2);font:500 12px / 1 var(--font-sans);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.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{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.dd-space-dashboard-nav-preview main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.dd-space-dashboard-nav-preview main>div{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px;display:flex}.dd-space-dashboard-nav-preview main>div>span,.dd-space-dashboard-nav-preview main>div>button{min-width:0;height:30px;color:var(--fg-2);font:500 12px / 1 var(--font-sans);background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.dd-space-dashboard-nav-preview main>section{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.dd-space-dashboard-nav-preview main>section span{background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:12px;min-height:120px}.dd-space-dashboard-forms-preview .dd-space-action-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dd-space-marketing-hero-preview,.dd-space-marketing-pricing-preview,.dd-space-marketing-features-preview,.dd-space-marketing-social-preview,.dd-space-marketing-auth-preview,.dd-space-marketing-utility-preview{align-content:start;gap:12px;display:grid}.dd-space-marketing-hero-preview header{background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.dd-space-marketing-hero-preview nav{gap:6px;min-width:0;display:flex;overflow:hidden}.dd-space-marketing-hero-preview nav span,.dd-space-marketing-logo-strip span,.dd-space-portfolio-row span,.dd-space-footer-preview span{color:var(--fg-2);font:600 12px / 1 var(--font-sans)}.dd-space-marketing-hero-preview nav span{white-space:nowrap;border-radius:8px;padding:7px 8px}.dd-space-marketing-hero-preview nav span[data-active=true]{color:var(--fg-1);background:var(--active-bg)}.dd-space-marketing-hero-preview header button,.dd-space-billing-toggle button,.dd-space-carousel-controls button{color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-xs);border-radius:8px;place-items:center;display:inline-grid}.dd-space-marketing-hero-preview header button{width:34px;height:34px}.dd-space-marketing-hero-preview section{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;gap:10px;padding:18px;display:grid}.dd-space-marketing-hero-preview h4{max-width:440px;color:var(--fg-1);font:700 28px / 1.05 var(--font-sans);margin:0}.dd-space-marketing-hero-preview p,.dd-space-bento-card p,.dd-space-faq-stack p{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-space-marketing-hero-preview section>div{flex-wrap:wrap;gap:8px;display:flex}.dd-space-marketing-logo-strip,.dd-space-portfolio-row,.dd-space-footer-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dd-space-marketing-logo-strip span,.dd-space-portfolio-row span,.dd-space-footer-preview span{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px;padding:8px 10px}.dd-space-billing-toggle{background:var(--neutral-100);border:1px solid var(--border-subtle);border-radius:10px;width:fit-content;padding:4px;display:inline-flex}.dd-space-billing-toggle button{height:28px;font:600 12px / 1 var(--font-sans);box-shadow:none;padding:0 10px}.dd-space-billing-toggle button[aria-pressed=true]{color:var(--fg-1);border-color:var(--active-border)}.dd-space-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dd-space-pricing-grid section{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;gap:10px;padding:14px;display:grid}.dd-space-pricing-grid section[data-featured=true]{border-color:var(--active-border);box-shadow:var(--shadow-focus)}.dd-space-pricing-grid strong,.dd-space-pricing-grid span,.dd-space-bento-card strong,.dd-space-auth-head strong,.dd-space-otp-panel small,.dd-space-marketing-social-preview blockquote 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{gap:7px;margin:0;padding:0;list-style:none;display:grid}.dd-space-pricing-grid li{color:var(--fg-2);font:500 12px / 1.2 var(--font-sans);align-items:center;gap:7px;display:flex}.dd-space-newsletter-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.dd-space-marketing-features-preview{grid-template-columns:1.2fr repeat(2,minmax(0,.8fr))}.dd-space-bento-card{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;gap:8px;padding:14px;display:grid}.dd-space-bento-card[data-featured=true]{background:radial-gradient(ellipse 92% 72% at 10% 0%, rgb(var(--brand-accent-rgb) / .14), transparent 62%), var(--surface-0);grid-row:span 2;align-content:end;min-height:210px}.dd-space-bento-card strong,.dd-space-auth-head strong,.dd-space-marketing-social-preview blockquote strong{font:650 14px / 1.2 var(--font-sans)}.dd-space-bento-card small,.dd-space-auth-head small,.dd-space-marketing-social-preview blockquote small{color:var(--fg-3);font:500 11px / 1.35 var(--font-sans)}.dd-space-marketing-social-preview blockquote,.dd-space-auth-card,.dd-space-otp-panel,.dd-space-contact-form,.dd-space-faq-stack,.dd-space-footer-preview{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;padding:14px}.dd-space-marketing-social-preview blockquote{gap:12px;margin:0;display:grid}.dd-space-marketing-social-preview blockquote p{color:var(--fg-1);font:600 16px / 1.38 var(--font-sans);margin:0}.dd-space-marketing-social-preview blockquote footer,.dd-space-auth-head{align-items:center;gap:10px;display:flex}.dd-space-marketing-social-preview blockquote footer span,.dd-space-auth-head span{gap:3px;min-width:0;display:grid}.dd-space-carousel-controls{align-items:center;gap:7px;display:flex}.dd-space-carousel-controls button{width:30px;height:30px}.dd-space-carousel-controls>span{background:var(--neutral-250);border-radius:999px;width:7px;height:7px}.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-otp-panel,.dd-space-contact-form,.dd-space-faq-stack{gap:12px;display:grid}.dd-space-auth-card .dd-button[data-loading=true]{opacity:.86}.dd-space-otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.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{border-color:var(--accent-pop-indigo);box-shadow:var(--shadow-focus);outline:none}.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{color:var(--fg-1);font:600 13px / 1.2 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.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-text-preview,.dd-space-motion-marquee-preview,.dd-space-motion-shine-preview,.dd-space-motion-transitions-preview,.dd-space-motion-loaders-preview,.dd-space-motion-blocks-preview{align-content:start;gap:12px;display:grid}.dd-space-motion-kicker{width:fit-content;color:var(--fg-1);font:600 11px / 1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:999px;padding:7px 9px}.dd-space-motion-reveal{color:var(--fg-1);font:750 32px / 1 var(--font-sans);animation:dd-space-text-reveal 1.8s var(--ease-emphasis) infinite alternate;display:block}.dd-space-number-ticker{align-items:center;gap:5px;display:flex}.dd-space-number-ticker span{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);box-shadow:var(--shadow-xs);animation:dd-space-ticker-lift 1.4s var(--ease-emphasis) infinite alternate;border-radius:10px;place-items:center;display:inline-grid}.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{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;place-items:center;animation:9s linear infinite dd-space-spin;display:inline-grid;position:relative}.dd-space-spinning-label:before{content:"";background:var(--surface-0);border-radius:999px;width:72px;height:72px;position:absolute}.dd-space-spinning-label{isolation:isolate}.dd-space-spinning-label:after{z-index:-1;content:"";position:absolute}.dd-space-marquee-track{flex-wrap:wrap;gap:8px;width:100%;min-width:0;display:flex}.dd-space-marquee-track span,.dd-space-dock-row button{color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);place-items:center;display:inline-grid}.dd-space-marquee-track span{min-width:92px;height:34px;font:650 12px / 1 var(--font-sans);animation:dd-space-marquee-item 2.2s var(--ease-emphasis) infinite alternate;border-radius:999px}.dd-space-marquee-track span:nth-child(2n){animation-delay:.16s}.dd-space-orbit{border:1px dashed var(--border-1);border-radius:999px;width:min(100%,240px);height:132px;margin:0 auto;position:relative}.dd-space-orbit span{--orbit-angle:calc(var(--orbit-i) * 90deg);width:34px;height:34px;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);transform:rotate(var(--orbit-angle)) translateX(104px) rotate(calc(var(--orbit-angle) * -1));border-radius:999px;place-items:center;animation:12s linear infinite dd-space-orbit;display:inline-grid;position:absolute;top:50%;left:50%}.dd-space-dock-row{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.dd-space-dock-row button{width:40px;height:40px;transition:transform .16s var(--ease-standard), border-color .16s var(--ease-standard);border-radius:12px}.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{background:var(--surface-0);min-width:0;box-shadow:var(--shadow-xs);border:1px solid #0000;border-radius:16px;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.dd-space-shine-card:before,.dd-space-avatar-ring:before{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:6s linear infinite dd-space-spin;position:absolute;inset:-2px}.dd-space-shine-card>*,.dd-space-avatar-ring>*{z-index:1;position:relative}.dd-space-shine-card:after{z-index:0;content:"";background:var(--surface-0);border-radius:14px;position:absolute;inset:1px}.dd-space-shine-card strong{color:var(--fg-1);font:700 18px / 1.15 var(--font-sans)}.dd-space-shine-card p,.dd-space-motion-block-card span,.dd-space-transition-popover span{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-space-avatar-ring{border-radius:999px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.dd-space-avatar-ring:after{z-index:0;content:"";background:var(--surface-0);border-radius:999px;position:absolute;inset:3px}.dd-space-motion-transitions-preview details,.dd-space-transition-popover,.dd-space-loader-grid,.dd-space-motion-block-card{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;gap:8px;padding:14px;display:grid}.dd-space-motion-transitions-preview summary{color:var(--fg-1);font:650 13px / 1.2 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.dd-space-motion-transitions-preview summary::-webkit-details-marker{display:none}.dd-space-motion-transitions-preview details p{color:var(--fg-2);font:400 12px / 1.4 var(--font-sans);margin:0}.dd-space-transition-popover{animation:dd-space-dialog-in 1.8s var(--ease-emphasis) infinite alternate}.dd-space-transition-popover strong,.dd-space-loader-grid strong,.dd-space-motion-block-card 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{color:var(--fg-3);font:500 11px / 1 var(--font-mono);grid-column:2}.dd-space-spinner{border:3px solid var(--neutral-150);border-top-color:var(--accent-pop-indigo);border-radius:999px;width:32px;height:32px;animation:.9s linear infinite dd-space-spin}.dd-space-motion-blocks-preview svg{background:var(--surface-0);border:1px solid var(--border-subtle);width:100%;min-height:120px;box-shadow:var(--shadow-xs);border-radius:14px}.dd-space-motion-blocks-preview svg path{fill:none;stroke:var(--accent-pop-indigo);stroke-width:5px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;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(360deg)}}@keyframes dd-space-marquee-item{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes dd-space-orbit{to{transform:rotate(calc(var(--orbit-angle) + 360deg)) translateX(104px) rotate(calc((var(--orbit-angle) + 360deg) * -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{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 #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.dd-avatar img{object-fit:cover;width:100%;height:100%;display:block}.dd-logo{align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.dd-logo-mark{flex:none;display:block}.dd-logo-word{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dd-brand-toggle{background:var(--surface-0);border:1px solid var(--border-subtle);height:32px;box-shadow:var(--shadow-xs);border-radius:9px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.dd-brand-toggle button{appearance:none;min-width:42px;height:24px;color:var(--fg-3);font:600 11px / 1 var(--font-mono);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background .14s var(--ease-standard), color .14s var(--ease-standard), box-shadow .16s var(--ease-standard), transform .14s var(--ease-standard);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.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{box-shadow:var(--shadow-focus);outline:none}.dd-brand-toggle[data-compact=true]{height:32px}@media (prefers-reduced-motion:reduce){.dd-conic-ring-spin:before,.dd-rainbow-hover:before,.dd-badge[data-variant=new]:before,.dd-marketing-nav-cta:before,.dd-chart-area,.dd-chart-line,.dd-eval-bar{animation:none}.dd-space-motion-preview *,.dd-space-motion-preview :before,.dd-space-motion-preview :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!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{grid-template-columns:var(--sidebar-w,256px) minmax(0, 1fr);background:var(--neutral-50);max-width:100vw;min-height:100dvh;transition:grid-template-columns .22s var(--ease-standard);display:grid;overflow-x:clip}.dd-app[data-collapsed=true]{--sidebar-w:56px}.dd-sidebar{z-index:20;background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;height:100vh;padding:10px 8px;display:flex;position:sticky;top:0;overflow:visible}.dd-side-head{flex-shrink:0;align-items:center;height:48px;padding:6px 6px 6px 10px;display:flex}.dd-org-wrap{padding:4px 4px 8px;position:relative}.dd-org-switcher{width:100%;min-width:0;color:var(--fg-1);text-align:left;background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 9px;transition:background .14s,border-color .14s;display:flex}.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{color:#fff;background:var(--gradient-sunset);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.dd-org-mark img{object-fit:cover;width:100%;height:100%;display:block}.dd-org-copy{flex:1;min-width:0}.dd-org-name,.dd-org-plan{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dd-org-name{font:600 13px / 1.15 var(--font-sans)}.dd-org-plan{color:var(--fg-3);font:400 11px / 1.15 var(--font-mono);margin-top:2px}.dd-org-chevron{color:var(--fg-3);transition:transform .16s var(--ease-standard), color .14s;flex-shrink:0}.dd-org-switcher[data-open=true] .dd-org-chevron{color:var(--fg-1);transform:rotate(180deg)}.dd-org-menu{z-index:60;background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:4px;right:4px}.dd-org-menu-item{color:var(--fg-1);font:500 13px / 1 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.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{gap:3px;min-width:0;display:grid}.dd-org-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-org-menu-meta{color:var(--fg-3);font:400 11px / 1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-org-menu .dd-badge{margin-left:auto}.dd-org-menu-separator{background:var(--border-subtle);height:1px;margin:4px 2px}.dd-side-logo{flex:1;min-width:0;overflow:hidden}.dd-app[data-collapsed=true] .dd-side-logo{display:none}.dd-collapse-toggle,.dd-icon-button{width:32px;height:32px;color:var(--fg-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .14s, color .14s, box-shadow .16s var(--ease-standard), transform .14s var(--ease-standard);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.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-topbar>.dd-button:not([data-variant=rainbow]):hover,.dd-preview-product-topbar .dd-button:not([data-variant=rainbow]):hover{transform:translateY(-.5px);box-shadow:0 2px 4px #00000014,0 14px 28px -18px #0000006b}.dd-icon-button[data-active=true]:after{content:"";background:var(--gradient-sunset);border:1px solid var(--surface-0);border-radius:999px;width:6px;height:6px;position:absolute;top:6px;right:6px}.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-copy,.dd-app[data-collapsed=true] .dd-org-chevron{display:none}.dd-app[data-collapsed=true] .dd-org-menu{width:220px;top:4px;left:calc(100% + 8px);right:auto}.dd-side-scroll{flex-direction:column;flex:1 1 0;gap:2px;min-height:0;padding:4px 0 8px;display:flex;overflow:hidden auto}.dd-side-section{color:var(--fg-3);font:600 10px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;margin:12px 4px 4px;padding:8px 8px 5px;display:flex}.dd-side-section:first-child{margin-top:4px}.dd-side-section:before{content:"";background:var(--neutral-300);border-radius:999px;width:5px;height:5px}.dd-side-section:after{content:"";background:linear-gradient(90deg, var(--border-subtle), transparent);flex:1;min-width:12px;height:1px}.dd-app[data-collapsed=true] .dd-side-section{opacity:0;height:12px;padding:6px 0}.dd-side-item{min-width:0;min-height:34px;color:var(--fg-2);font:500 13px / 1 var(--font-sans);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;margin:0 4px;padding:9px 10px 9px 14px;text-decoration:none;transition:background .14s,color .14s;display:flex;position:relative}.dd-side-item svg{color:var(--fg-3);flex-shrink:0}.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);background:linear-gradient(90deg, var(--active-bg-strong) 0%, rgb(var(--brand-magenta-rgb) / .08) 45%, transparent 90%);font-weight:600}.dd-side-item[data-active=true]:before{content:"";background:var(--active-rail);width:3px;box-shadow:0 0 8px rgb(var(--brand-warm-rgb) / .28);border-radius:3px;position:absolute;top:6px;bottom:6px;left:4px}.dd-side-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dd-side-badge{color:var(--fg-1);font:500 10px / 1 var(--font-mono);background:var(--active-bg);border-radius:4px;padding:3px 6px}.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-label,.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-side-item[data-active=true]:before{display:none}.dd-side-foot{border-top:1px solid var(--border-subtle);flex-shrink:0;margin-top:auto;padding:8px 4px 4px;position:relative}.dd-user-card{cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;transition:background .14s;display:flex;position:relative}.dd-user-card:hover{background:var(--neutral-100)}.dd-user-card[disabled]{cursor:wait;opacity:.64}.dd-user-chevron{color:var(--fg-3);transition:transform .16s var(--ease-standard), color .14s;flex-shrink:0}.dd-user-card[data-open=true] .dd-user-chevron{color:var(--fg-1);transform:rotate(180deg)}.dd-user-info{text-align:left;flex:1;min-width:0}.dd-user-name{color:var(--fg-1);font:500 13px / 1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dd-user-email{color:var(--fg-3);font:400 11px / 1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.dd-app[data-collapsed=true] .dd-user-card{justify-content:center;padding:7px 4px}.dd-app[data-collapsed=true] .dd-user-info,.dd-app[data-collapsed=true] .dd-user-chevron{display:none}.dd-user-menu{z-index:50;background:var(--surface-0);border:1px solid var(--border-1);box-shadow:0 20px 48px -16px #00000038, 0 8px 20px -12px rgb(var(--brand-warm-rgb) / .18);border-radius:10px;flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px}.dd-app[data-collapsed=true] .dd-user-menu{width:220px;bottom:4px;left:calc(100% + 8px);right:auto}.dd-user-menu-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:4px;padding:10px 10px 8px;display:flex}.dd-user-menu-item{color:var(--fg-1);font:500 13px / 1 var(--font-sans);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .14s,color .14s;display:flex}.dd-user-menu-item svg{color:var(--fg-3);flex-shrink:0}.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{background:var(--border-subtle);height:1px;margin:4px 2px}.dd-topbar{z-index:70;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);align-items:center;gap:14px;min-height:64px;padding:14px 40px;display:flex;position:sticky;top:0}.dd-view-scroll{background:var(--neutral-50);min-width:0;max-width:100%;overflow:clip auto}.dd-mobile-trigger{display:none}.dd-breadcrumb{min-width:0;color:var(--fg-3);font:500 12px / 1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.dd-breadcrumb strong{color:var(--fg-1);text-overflow:ellipsis;font-weight:600;overflow:hidden}.dd-search{min-width:0;max-width:320px;height:32px;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);box-shadow:var(--shadow-xs);border-radius:8px;flex:0 320px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;overflow:hidden}.dd-kbd{color:var(--fg-2);font:500 10px / 1 var(--font-mono);background:var(--neutral-50);border:1px solid var(--border-1);border-radius:4px;margin-left:auto;padding:2px 5px}.dd-table-scroll{overscroll-behavior-x:contain;background:linear-gradient(to right, var(--surface-0) 30%, #fff0) left center / 20px 100% no-repeat, linear-gradient(to right, #fff0, var(--surface-0) 70%) right center / 20px 100% no-repeat, linear-gradient(to right, #0000000f, #0000) left center / 8px 100% no-repeat, linear-gradient(to left, #0000000f, #0000) right center / 8px 100% no-repeat, var(--surface-0);-webkit-overflow-scrolling:touch;background-attachment:local,local,scroll,scroll,local;overflow:auto hidden}.dd-table-scroll::-webkit-scrollbar{height:8px}.dd-table-scroll::-webkit-scrollbar-track{background:0 0}.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:720px}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:720px;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:0;animation:dd-bar-grow .46s var(--ease-emphasis) both}.dd-marketing-header{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);position:sticky;top:0}.dd-marketing-header .dd-logo{flex:none}.dd-marketing-header .dd-logo-word{text-overflow:clip;overflow:visible}.dd-marketing-page{width:100%;max-width:100vw;overflow-x:clip}.dd-marketing-nav{color:var(--fg-2);font:500 13px / 1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:2px;display:flex}.dd-marketing-nav-link,.dd-marketing-signin{color:var(--fg-2);white-space:nowrap;cursor:pointer;transition:color .14s var(--ease-standard), background .14s var(--ease-standard);flex-shrink:0;align-items:center;padding:9px 10px;text-decoration:none;display:inline-flex;position:relative}.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:"";background:var(--brand-rainbow-line);opacity:0;height:2px;transition:right .22s var(--ease-standard), left .22s var(--ease-standard), opacity .14s var(--ease-standard), box-shadow .14s var(--ease-standard);border-radius:2px;position:absolute;bottom:3px;left:50%;right:50%}.dd-marketing-nav-link:hover:after{opacity:.6;left:12px;right:12px}.dd-marketing-nav-link[data-active=true]:after{opacity:1;box-shadow:0 0 8px rgb(var(--brand-warm-rgb) / .35);left:12px;right:12px}.dd-marketing-signin{font:500 13px / 1 var(--font-sans);border-radius:7px;padding-left:12px;padding-right:12px}.dd-marketing-signin:hover{color:var(--fg-1);background:var(--neutral-100)}.dd-marketing-account{height:34px;color:var(--fg-2);background:color-mix(in srgb, var(--surface-0) 88%, transparent);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:8px;align-items:center;gap:8px;padding:3px 5px 3px 10px;display:inline-flex}.dd-marketing-account-link{height:26px;color:var(--fg-2);font:500 13px / 1 var(--font-sans);white-space:nowrap;transition:color .14s var(--ease-standard);align-items:center;text-decoration:none;display:inline-flex}.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);--lightningcss-light:initial;--lightningcss-dark: ;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{--lightningcss-light: ;--lightningcss-dark:initial;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:0 0}.dd-marketing-user-popover-action:hover,.dd-marketing-user-popover-action:focus-visible{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:hover,.dd-marketing-user-popover-footer-action:focus-visible{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{z-index:0;appearance:none;color:#fff;height:34px;font:600 13px / 1 var(--font-sans);letter-spacing:-.005em;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%);box-shadow:inset 0 1px 0 #ffffff52, 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 #00000040;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);border:0;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;margin-left:4px;padding:0 14px;text-decoration:none;animation:6s linear infinite dd-nav-tracer;display:inline-flex;position:relative}.dd-marketing-nav-cta:before{content:"";z-index:1;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-composite:xor;border-radius:inherit;opacity:0;transition:opacity .22s var(--ease-standard);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dd-marketing-nav-cta:hover,.dd-marketing-nav-cta:focus-visible{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%);box-shadow:inset 0 1px 0 #ffffff52, 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);transform:translateY(-.5px)}.dd-marketing-nav-cta:hover:before,.dd-marketing-nav-cta:focus-visible:before{opacity:.9}.dd-marketing-nav-cta:active{transform:translateY(1px)}.dd-marketing-nav-cta svg{flex-shrink:0}.dd-open-app-pill{z-index:20;color:var(--fg-inv-1);font:500 12px / 1 var(--font-sans);letter-spacing:-.005em;background:var(--fg-1);box-shadow:var(--shadow-lg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:inline-flex;position:fixed;bottom:16px;right:16px}.dd-shell-container{width:100%;min-width:0;max-width:1240px;margin:0 auto;padding:28px 40px 80px}.dd-marketing-container{width:100%;max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.dd-marketing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding-top:96px;padding-bottom:80px;display:grid}.dd-marketing-hero>*{min-width:0}.dd-hero-title{color:var(--fg-1);font:500 clamp(48px, 7vw, 76px) / 1.02 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;margin:16px 0 20px}.dd-hero-copy{max-width:520px;color:var(--fg-2);font:400 18px / 1.55 var(--font-sans);text-wrap:pretty;margin:0 0 32px}.dd-pillars-grid,.dd-dashboard-grid,.dd-agent-grid{gap:16px;min-width:0;display:grid}.dd-pillars-grid{grid-template-columns:repeat(3,1fr)}.dd-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px;display:grid}.dd-design-dashboard{gap:22px;display:grid}.dd-design-dashboard-head{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:18px;display:grid}.dd-design-dashboard-title{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-sm);border-radius:8px;padding:24px}.dd-design-dashboard-title h1{max-width:780px;color:var(--fg-1);font:600 36px / 1.08 var(--font-sans);letter-spacing:0;text-wrap:balance;margin:10px 0 0}.dd-design-dashboard-title p{max-width:720px;color:var(--fg-2);font:400 15px / 1.55 var(--font-sans);letter-spacing:0;text-wrap:pretty;margin:14px 0 0}.dd-design-status-panel{min-width:0;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);box-shadow:var(--shadow-sm);border-radius:8px;align-content:start;gap:16px;padding:20px;display:grid}.dd-design-status-panel>div:first-child{gap:5px;display:grid}.dd-design-status-panel span,.dd-design-status-panel small{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{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dd-design-status-grid span{background:rgb(var(--brand-accent-rgb) / .06);border:1px solid var(--border-subtle);border-radius:7px;gap:5px;min-width:0;padding:12px;display:grid}.dd-design-status-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dd-design-kpi-value{align-items:baseline;gap:10px;margin-top:8px;display:flex}.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{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dd-design-module-card{min-width:0;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);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);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:16px;display:grid}.dd-design-module-card:hover,.dd-design-module-card:focus-visible{border-color:var(--active-border);box-shadow:var(--active-shadow);outline:none;transform:translateY(-1px)}.dd-design-module-icon{width:36px;height:36px;color:var(--fg-1);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;place-items:center;display:grid}.dd-design-module-copy{gap:9px;min-width:0;display:grid}.dd-design-module-copy>span{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.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{color:var(--fg-3);font:500 12px / 1 var(--font-mono);letter-spacing:0;grid-column:2;align-items:center;gap:5px;display:flex}.dd-design-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px;display:grid}.dd-design-panel-title{color:var(--fg-1);font:600 17px / 1.2 var(--font-sans);letter-spacing:0;margin-top:5px;display:block}.dd-design-worklist{display:grid}.dd-design-proof-list{gap:11px;margin-top:18px;display:grid}.dd-design-proof-list span{min-width:0;color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);letter-spacing:0;align-items:flex-start;gap:9px;display:flex}.dd-design-proof-list svg{color:var(--status-success);flex:none;margin-top:2px}.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{border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;gap:2px;margin-bottom:24px;display:flex;overflow-x:auto}.dd-agent-tab{color:var(--fg-3);font:500 13px / 1 var(--font-sans);letter-spacing:-.005em;text-transform:capitalize;cursor:pointer;transition:color .12s var(--ease-standard), background .12s var(--ease-standard);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:10px 14px}.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{background:var(--neutral-50);border:1px solid var(--border-subtle);min-height:220px;box-shadow:var(--shadow-xs);border-radius:12px;grid-template-columns:92px minmax(0,1fr);margin-top:16px;display:grid;overflow:hidden}.dd-pattern-shell-drawer{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);justify-content:space-between;align-items:center;gap:10px;padding:10px;display:none}.dd-pattern-shell-drawer button{min-height:32px;color:var(--fg-1);font:700 12px / 1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.dd-pattern-shell-rail{background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:12px;display:flex}.dd-pattern-shell-rail>button{width:32px;height:32px;color:var(--fg-3);cursor:pointer;transition:background .14s var(--ease-standard), color .14s var(--ease-standard), box-shadow .16s var(--ease-standard), transform .14s var(--ease-standard);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.dd-pattern-shell-rail>button:hover{color:var(--fg-1);background:var(--active-bg);box-shadow:inset 0 0 0 1px var(--active-border), var(--active-shadow);transform:translateY(-.5px)}.dd-pattern-shell-rail>button[data-active=true]{color:var(--fg-1);background:linear-gradient(135deg, var(--active-bg-strong), rgb(var(--brand-magenta-rgb) / .08));box-shadow:inset 0 0 0 1px var(--active-border), var(--active-shadow)}.dd-pattern-shell-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.dd-pattern-topbar{background:color-mix(in srgb, var(--surface-0) 88%, transparent);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;display:flex}.dd-pattern-topbar-demo{border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:12px;flex-wrap:wrap;margin-top:16px}.dd-pattern-breadcrumb,.dd-pattern-search,.dd-pattern-action,.dd-pattern-icon{white-space:nowrap;align-items:center;min-width:0;display:inline-flex}.dd-pattern-breadcrumb{color:var(--fg-2);font:600 12px / 1 var(--font-sans);text-overflow:ellipsis;overflow:hidden}.dd-pattern-search{height:30px;color:var(--fg-3);font:400 12px / 1 var(--font-sans);text-overflow:ellipsis;background:var(--surface-0);border:1px solid var(--border-1);border-radius:8px;flex:180px;gap:7px;padding:0 10px;overflow:hidden}.dd-pattern-icon{width:30px;height:30px;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-subtle);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);border-radius:8px;flex:none;justify-content:center;position:relative}.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{content:"";background:var(--gradient-sunset);border:1px solid var(--surface-0);border-radius:999px;width:6px;height:6px;position:absolute;top:5px;right:5px}.dd-pattern-action{color:#fff;height:30px;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%);box-shadow:inset 0 1px 0 #ffffff3d, 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);border:0;border-radius:8px;flex:none;padding:0 11px}.dd-pattern-action:hover{box-shadow:inset 0 1px 0 #ffffff47, 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{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.dd-pattern-panel,.dd-pattern-wide-panel{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;gap:7px;min-width:0;padding:12px;display:grid}.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{background:radial-gradient(circle at 88% 0%, rgb(var(--brand-warm-rgb) / .16), transparent 32%), var(--surface-0);grid-column:1/-1;grid-template-columns:1fr .8fr 1.2fr;min-height:78px}.dd-pattern-wide-panel span{background:var(--neutral-150);border-radius:999px;align-self:end;height:18px}.dd-pattern-wide-panel span:nth-child(2){background:linear-gradient(135deg, rgb(var(--brand-accent-rgb) / .22), rgb(var(--brand-magenta-rgb) / .16));height:34px}.dd-pattern-wide-panel span:nth-child(3){background:linear-gradient(135deg, rgb(var(--brand-warm-rgb) / .24), #0a0a0a14);height:52px}.dd-pattern-sidebar-preview,.dd-pattern-popover-wrap{gap:8px;min-width:0;margin-top:16px;display:grid}.dd-pattern-sidebar-preview{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;padding:10px}.dd-pattern-popover-wrap{max-width:320px}.dd-pattern-menu-static,.dd-pattern-user-menu-static{width:min(320px,100%);position:static;inset:auto}.dd-pattern-user-menu-static{flex-direction:column;gap:3px;display:flex}.dd-pattern-tabs-demo{margin-top:16px;margin-bottom:0}.dd-pattern-table-scroll{border:1px solid var(--border-subtle);border-radius:12px;margin-top:16px}.dd-pattern-table{border-collapse:collapse;width:100%;min-width:620px}.dd-pattern-table th,.dd-pattern-table td{color:var(--fg-2);font:500 12px / 1.2 var(--font-sans);text-align:left;border-bottom:1px solid var(--border-subtle);padding:11px 12px}.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{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;gap:14px;margin-top:16px;padding:14px;display:grid;overflow:hidden}.dd-pattern-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dd-pattern-chart-head strong,.dd-pattern-chart-head small{display:block}.dd-pattern-chart-head strong{color:var(--fg-1);font:700 14px / 1.2 var(--font-sans)}.dd-pattern-chart-head small{color:var(--fg-3);font:500 11px / 1.2 var(--font-mono);margin-top:3px}.dd-pattern-chart-card svg{width:100%;height:auto;display:block}.dd-shadcn-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 10px;display:grid}.dd-shadcn-summary-grid .dd-card{gap:7px;display:grid}.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{gap:16px;margin:24px 0 28px;display:grid}.dd-shadcn-skin-head{max-width:760px}.dd-shadcn-skin-head h2{color:var(--fg-1);font:600 26px / 1.1 var(--font-sans);letter-spacing:var(--ls-heading);margin:8px 0 0}.dd-shadcn-skin-head p{color:var(--fg-2);font:400 14px / 1.5 var(--font-sans);margin:10px 0 0}.dd-shadcn-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dd-shadcn-skin-card{align-content:start;gap:10px;display:grid}.dd-shadcn-skin-card h3{color:var(--fg-1);font:700 15px / 1.15 var(--font-sans);margin:0}.dd-shadcn-skin-card p{color:var(--fg-2);font:400 12px / 1.45 var(--font-sans);margin:0}.dd-shadcn-skin-card div{flex-wrap:wrap;gap:6px;display:flex}.dd-shadcn-block-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.dd-shadcn-block-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.dd-shadcn-block-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.dd-shadcn-block-head>span{min-width:0}.dd-shadcn-block-head h3{color:var(--fg-1);font:600 18px / 1.15 var(--font-sans);letter-spacing:var(--ls-heading);margin:10px 0 6px}.dd-shadcn-block-head p{max-width:48ch;color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-shadcn-block-body{gap:14px;padding:16px 18px 18px;display:grid}.dd-shadcn-meta{gap:7px;display:grid}.dd-shadcn-meta>span,.dd-shadcn-export>span{color:var(--fg-3);font:600 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.dd-shadcn-meta>div{flex-wrap:wrap;gap:6px;display:flex}.dd-shadcn-export{gap:8px;min-width:0;display:grid}.dd-shadcn-export .dd-inline-code{white-space:nowrap;width:100%;display:block;overflow-x:auto}.dd-shadcn-dashboard-preview,.dd-shadcn-sidebar-preview,.dd-shadcn-auth-preview,.dd-shadcn-calendar-block-preview{margin:0 18px}.dd-shadcn-dashboard-preview{background:var(--neutral-50);border:1px solid var(--border-subtle);min-height:280px;box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:58px minmax(0,1fr);display:grid;overflow:hidden}.dd-shadcn-dashboard-sidebar{background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:9px;padding:12px 8px;display:flex}.dd-shadcn-dashboard-sidebar span{width:32px;height:32px;color:var(--fg-3);border-radius:9px;place-items:center;display:grid}.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{grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid}.dd-shadcn-dashboard-topbar{background:var(--surface-0);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.dd-shadcn-dashboard-topbar>span:first-child{min-width:0;color:var(--fg-1);font:700 13px / 1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dd-shadcn-dashboard-topbar>span:nth-child(2){min-width:0;max-width:150px;height:28px;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;align-items:center;gap:6px;padding:0 9px;display:inline-flex;overflow:hidden}.dd-shadcn-dashboard-topbar button,.dd-shadcn-sidebar-topbar button,.dd-shadcn-dialog-panel button{color:#fff;min-height:28px;font:700 12px / 1 var(--font-sans);background:var(--gradient-sunset);box-shadow:var(--active-shadow);border:0;border-radius:8px}.dd-shadcn-dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid}.dd-shadcn-dashboard-metrics span,.dd-shadcn-dashboard-table span{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;min-width:0;padding:10px}.dd-shadcn-dashboard-metrics strong,.dd-shadcn-dashboard-metrics small{min-width:0;display:block}.dd-shadcn-dashboard-metrics strong{color:var(--fg-1);font:700 20px / 1 var(--font-sans)}.dd-shadcn-dashboard-metrics small{color:var(--fg-3);font:500 10px / 1 var(--font-mono);margin-top:4px}.dd-shadcn-dashboard-chart{min-width:0;padding:0 10px 10px}.dd-shadcn-dashboard-chart svg{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;width:100%;height:120px;display:block}.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:3px}.dd-shadcn-dashboard-table{gap:6px;padding:0 10px 10px;display:grid}.dd-shadcn-dashboard-table span{justify-content:space-between;align-items:center;gap:8px;display:flex}.dd-shadcn-sidebar-preview{min-height:260px;position:relative}.dd-shadcn-sidebar-shell{background:var(--neutral-50);border:1px solid var(--border-subtle);min-height:260px;box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:164px minmax(0,1fr);display:grid;overflow:hidden}.dd-shadcn-sidebar-preview[data-mode=floating] .dd-shadcn-sidebar-shell{background:linear-gradient(135deg, var(--neutral-50), var(--surface-0));padding:10px}.dd-shadcn-sidebar-preview[data-mode=floating] .dd-shadcn-sidebar{border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:12px}.dd-shadcn-sidebar{background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;gap:9px;min-width:0;padding:10px;display:flex}.dd-shadcn-sidebar[data-compact=true]{align-items:center}.dd-shadcn-sidebar-brand,.dd-shadcn-sidebar-workspace,.dd-shadcn-sidebar nav span,.dd-shadcn-sidebar-tree span,.dd-shadcn-sidebar-right>span{align-items:center;min-width:0;display:flex}.dd-shadcn-sidebar-brand{justify-content:space-between;gap:8px;min-height:30px}.dd-shadcn-sidebar-workspace{color:var(--fg-1);font:700 12px / 1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;gap:8px;padding:8px}.dd-shadcn-sidebar-workspace>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.dd-shadcn-sidebar nav{gap:5px;display:grid}.dd-shadcn-sidebar nav span,.dd-shadcn-sidebar-tree span,.dd-shadcn-sidebar-right>span{min-height:30px;color:var(--fg-2);font:600 12px / 1 var(--font-sans);border-radius:8px;gap:8px;padding:0 8px}.dd-shadcn-sidebar nav span[data-active=true]{color:var(--fg-1);background:var(--active-bg);box-shadow:inset 0 0 0 1px var(--active-border);position:relative}.dd-shadcn-sidebar nav span[data-active=true]:before{content:"";background:var(--active-rail);border-radius:999px;width:3px;position:absolute;top:7px;bottom:7px;left:3px}.dd-shadcn-sidebar nav em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.dd-shadcn-sidebar nav small{color:var(--fg-3);font:600 10px / 1 var(--font-mono);margin-left:auto}.dd-shadcn-sidebar-tree{border-top:1px solid var(--border-subtle);gap:3px;padding-top:4px;display:grid}.dd-shadcn-sidebar-shell>main{min-width:0}.dd-shadcn-sidebar-topbar{background:var(--surface-0);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:46px;padding:9px 10px;display:flex}.dd-shadcn-sidebar-topbar span{min-width:0;color:var(--fg-1);font:700 13px / 1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-shadcn-sidebar-topbar button{flex-shrink:0;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.dd-shadcn-sidebar-canvas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.dd-shadcn-sidebar-canvas span{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;min-height:66px}.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{z-index:2;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-1);box-shadow:var(--shadow-lg);border-radius:12px;gap:6px;padding:10px;display:grid;position:absolute;right:18px}.dd-shadcn-dialog-panel{top:22px}.dd-shadcn-popover-panel{top:44px}.dd-shadcn-calendar-mini{background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:10px;grid-template-columns:repeat(5,1fr);gap:3px;padding:8px;display:grid}.dd-shadcn-calendar-mini small,.dd-shadcn-calendar-mini span{min-width:0;min-height:22px;color:var(--fg-3);font:700 10px / 1 var(--font-mono);border-radius:6px;place-items:center;display:grid}.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{background:var(--neutral-50);border:1px solid var(--border-subtle);min-height:300px;box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.dd-shadcn-auth-preview[data-mode=split-image],.dd-shadcn-auth-preview[data-mode=form-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{min-width:0;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);align-content:space-between;padding:14px;display:grid}.dd-shadcn-auth-art span{background:linear-gradient(135deg, #ffffffb8, #ffffff47), linear-gradient(135deg, transparent 54%, rgb(var(--brand-accent-rgb) / .2));width:100%;min-height:128px;box-shadow:var(--shadow-sm);border:1px solid #ffffff8a;border-radius:12px;align-self:center}.dd-shadcn-auth-art small{color:var(--fg-2);font:700 10px / 1 var(--font-mono);text-transform:uppercase}.dd-shadcn-auth-form{align-content:center;gap:10px;width:100%;min-width:0;max-width:360px;margin:0 auto;padding:22px;display:grid}.dd-shadcn-auth-head{align-items:center;gap:10px;min-width:0;margin-bottom:4px;display:flex}.dd-shadcn-auth-head span,.dd-shadcn-auth-head strong,.dd-shadcn-auth-head small{min-width:0;display:block}.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{color:var(--fg-3);font:500 12px / 1.35 var(--font-sans);margin-top:4px}.dd-shadcn-field{gap:6px;min-width:0;display:grid}.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{width:100%;min-width:0;min-height:38px;color:var(--fg-1);font:500 16px / 1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:9px;padding:0 11px}.dd-shadcn-field input:focus-visible,.dd-shadcn-auth-primary:focus-visible,.dd-shadcn-auth-provider:focus-visible,.dd-shadcn-calendar-head button:focus-visible,.dd-shadcn-calendar-grid button:focus-visible{outline:2px solid var(--active-border);outline-offset:2px}.dd-shadcn-field[data-validation-state=error] input,.dd-shadcn-field[data-validation-state=error] .dd-shadcn-otp-row 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{color:var(--fg-3);font:500 11px / 1.35 var(--font-sans);margin:0}.dd-shadcn-field[data-validation-state=error] p{color:var(--status-critical)}.dd-shadcn-otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.dd-shadcn-otp-row input{text-align:center;font:800 18px / 1 var(--font-mono);padding:0}.dd-shadcn-auth-primary,.dd-shadcn-auth-provider,.dd-shadcn-calendar-head button,.dd-shadcn-calendar-grid button{appearance:none;cursor:pointer;font-family:var(--font-sans)}.dd-shadcn-auth-primary{color:#fff;min-height:38px;font:800 13px / 1 var(--font-sans);background:var(--gradient-sunset);box-shadow:var(--active-shadow);border:0;border-radius:9px}.dd-shadcn-auth-primary[data-loading=true]{opacity:.82}.dd-shadcn-auth-provider{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;justify-content:center;align-items:center;gap:7px;display:inline-flex}.dd-shadcn-auth-legal{color:var(--fg-3);font:500 11px / 1.35 var(--font-sans)}.dd-shadcn-calendar-block-preview{background:var(--neutral-50);border:1px solid var(--border-subtle);min-height:300px;box-shadow:var(--shadow-xs);border-radius:14px;align-content:start;gap:12px;padding:18px;display:grid;overflow:hidden}.dd-shadcn-calendar-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.dd-shadcn-calendar-head span,.dd-shadcn-calendar-head strong,.dd-shadcn-calendar-head small{min-width:0;display:block}.dd-shadcn-calendar-head strong{color:var(--fg-1);font:700 17px / 1.15 var(--font-sans)}.dd-shadcn-calendar-head small{color:var(--fg-3);font:500 11px / 1.2 var(--font-mono);margin-top:4px}.dd-shadcn-calendar-head button{width:32px;height:32px;color:var(--fg-2);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:9px;place-items:center;display:grid}.dd-shadcn-calendar-head button:first-child svg{transform:rotate(180deg)}.dd-shadcn-calendar-grid{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:10px;display:grid}.dd-shadcn-calendar-grid span,.dd-shadcn-calendar-grid button{border-radius:8px;place-items:center;min-width:0;min-height:30px;display:grid}.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 #0000}.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{gap:12px;display:grid}.dd-shadcn-overview-preview .dd-shadcn-dashboard-preview{min-height:210px;margin:0}.dd-shadcn-overview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dd-shadcn-overview-list span{min-width:0;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;align-items:center;gap:8px;padding:8px;display:flex}.dd-disclosure-demo{grid-template-columns:minmax(190px,.95fr) minmax(170px,.8fr) minmax(220px,1fr);align-items:start;gap:12px;min-width:0;margin-top:16px;display:grid;position:relative}.dd-disclosure-column,.dd-mobile-toc-demo,.dd-file-tree{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:12px}.dd-disclosure-column{align-content:start;gap:8px;padding:10px;display:grid}.dd-disclosure-panel{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;overflow:hidden}.dd-disclosure-panel>button,.dd-mobile-toc-trigger,.dd-mobile-toc-panel button,.dd-file-tree-node>button{appearance:none;font-family:var(--font-sans);cursor:pointer;border:0}.dd-disclosure-panel>button{width:100%;min-height:48px;color:var(--fg-1);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.dd-disclosure-panel>button span,.dd-disclosure-panel>button strong,.dd-disclosure-panel>button small{min-width:0;display:block}.dd-disclosure-panel>button strong{font:700 13px / 1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-disclosure-panel>button small{color:var(--fg-3);font:500 10px / 1 var(--font-mono);text-transform:uppercase;margin-top:3px}.dd-disclosure-panel>button svg,.dd-mobile-toc-trigger svg:last-child,.dd-file-tree-node>button svg:first-child{color:var(--fg-3);transition:transform .16s var(--ease-standard), color .16s var(--ease-standard);flex-shrink:0}.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{gap:2px;padding:0 8px 8px;display:grid}.dd-disclosure-content[hidden]{display:none}.dd-disclosure-content a,.dd-mobile-toc-panel button,.dd-file-tree-node>button{min-width:0;color:var(--fg-2);font:600 12px / 1.2 var(--font-sans);border-radius:8px;align-items:center;text-decoration:none;display:flex}.dd-disclosure-content a{min-height:32px;padding:0 9px}.dd-disclosure-content a[data-active=true],.dd-mobile-toc-panel button[data-active=true],.dd-file-tree-node>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{background:radial-gradient(circle at 84% 8%, rgb(var(--brand-warm-rgb) / .1), transparent 34%), var(--surface-0);align-content:start;min-height:62px;padding:12px;display:grid;position:relative;overflow:hidden}.dd-mobile-toc-demo[data-open=true]{min-height:190px}.dd-mobile-toc-trigger{width:100%;min-height:38px;color:var(--fg-1);background:var(--neutral-50);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.dd-mobile-toc-overlay{z-index:2;align-items:start;padding:0;display:grid;position:absolute;top:50px;left:12px;right:12px}.dd-mobile-toc-backdrop{appearance:none;cursor:default;background:#0a0a0a52;border:0;position:absolute;inset:-50px -12px -128px}.dd-mobile-toc-panel{z-index:1;background:color-mix(in srgb, var(--surface-0) 94%, transparent);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;gap:4px;padding:8px;display:grid;position:relative}.dd-mobile-toc-panel button{text-align:left;background:0 0;justify-content:space-between;min-height:34px;padding:0 10px}.dd-file-tree{background:radial-gradient(circle at 100% 0%, rgb(var(--brand-warm-rgb) / .1), transparent 32%), var(--surface-0);align-content:start;gap:2px;padding:10px;display:grid;overflow:hidden}.dd-file-tree [role=group]{gap:2px;display:grid}.dd-file-tree-node{min-width:0}.dd-file-tree-node>button{width:100%;min-height:30px;padding:0 8px 0 calc(8px + var(--tree-indent,0px));text-align:left;background:0 0;gap:7px;overflow:hidden}.dd-file-tree-node[data-expanded=true]>button svg:first-child{color:var(--fg-1);transform:rotate(90deg)}.dd-file-tree-node>button span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.dd-file-tree-node>button small{min-width:0;max-width:44%;color:var(--fg-3);font:500 10px / 1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.dd-disclosure-panel>button:focus-visible,.dd-mobile-toc-trigger:focus-visible,.dd-mobile-toc-backdrop:focus-visible,.dd-mobile-toc-panel button:focus-visible,.dd-file-tree-node>button:focus-visible{outline:2px solid var(--active-border);outline-offset:2px}.dd-preview-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px;margin-top:34px;display:grid}.dd-preview-controls{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;gap:16px;padding:16px;display:grid;position:sticky;top:84px}.dd-preview-control-group{gap:8px;min-width:0;display:grid}.dd-preview-control-group>span{color:var(--fg-3);font:600 11px / 1 var(--font-mono);text-transform:uppercase}.dd-preview-segment,.dd-preview-mini-segment{gap:6px;display:grid}.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-segment button,.dd-preview-mini-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);cursor:pointer;border-radius:9px}.dd-preview-segment button,.dd-preview-mini-segment button{text-transform:capitalize;place-items:center;gap:4px;min-height:48px;padding:8px;display:grid}.dd-preview-mini-segment button{justify-content:center;align-items:center;gap:6px;min-height:38px;display:inline-flex}.dd-preview-segment small,.dd-preview-target-list small{color:var(--fg-3);font:500 10px / 1.2 var(--font-mono)}.dd-preview-segment button[data-active=true],.dd-preview-mini-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{gap:8px;display:grid}.dd-preview-target-list button{text-align:left;justify-content:space-between;align-items:flex-start;gap:10px;min-height:82px;padding:12px;display:flex}.dd-preview-target-list strong,.dd-preview-target-list small{display:block}.dd-preview-target-list strong{color:inherit;font:600 13px / 1.2 var(--font-sans);margin-bottom:4px}.dd-preview-stage{background:radial-gradient(circle at 100% 0%, rgb(var(--brand-warm-rgb) / .12), transparent 34%), var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.dd-preview-stage-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.dd-preview-stage-head strong,.dd-preview-stage-head small{display:block}.dd-preview-stage-head strong{color:var(--fg-1);font:600 15px / 1.2 var(--font-sans)}.dd-preview-stage-head small{color:var(--fg-3);font:500 11px / 1.2 var(--font-mono);margin-top:4px}.dd-preview-stage-scroll{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;padding:18px;overflow:auto}.dd-responsive-frame{--preview-gap:16px;--preview-pad:20px;width:var(--preview-width);max-height:min(var(--preview-height), 760px);min-height:min(var(--preview-height), 760px);color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);border-radius:12px;overflow:auto;container-type:inline-size}.dd-responsive-frame[data-density=compact]{--preview-gap:10px;--preview-pad:14px}.dd-responsive-frame[data-density=compact] .dd-side-item,.dd-responsive-frame[data-density=compact] .dd-preview-product-list>div,.dd-responsive-frame[data-density=compact] .dd-preview-docs-sidebar details>button,.dd-responsive-frame[data-density=compact] .dd-native-list-card>div,.dd-responsive-frame[data-density=compact] .dd-native-menu-list>div{min-height:34px;padding-top:6px;padding-bottom:6px}.dd-responsive-frame[data-density=compact] .dd-preview-product-nav,.dd-responsive-frame[data-density=compact] .dd-preview-product-main,.dd-responsive-frame[data-density=compact] .dd-preview-docs-sidebar,.dd-responsive-frame[data-density=compact] .dd-preview-docs-main,.dd-responsive-frame[data-density=compact] .dd-preview-expo-device{gap:var(--preview-gap);padding:var(--preview-pad)}.dd-responsive-frame[data-density=compact] .dd-preview-metric-grid>div,.dd-responsive-frame[data-density=compact] .dd-native-metric-grid>div,.dd-responsive-frame[data-density=compact] .dd-native-chip-grid span{padding:9px}.dd-responsive-frame[data-density=compact] .dd-preview-product-hero h2,.dd-responsive-frame[data-density=compact] .dd-preview-library-head h2,.dd-responsive-frame[data-density=compact] .dd-preview-docs-header h2,.dd-responsive-frame[data-density=compact] .dd-preview-expo-panel h2{font-size:23px}.dd-responsive-frame[data-density=compact] .dd-preview-metric-grid strong,.dd-responsive-frame[data-density=compact] .dd-native-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-product-topbar .dd-input-wrap,.dd-responsive-frame[data-density=compact] .dd-preview-docs-menu-trigger{min-height:34px}.dd-responsive-frame[data-preview-theme=light]{--neutral-0:#fff;--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:#000;--surface-0:#fff;--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:#fff;--fg-inv-2:#e4e4e7;--fg-inv-3:#a1a1aa;--border-subtle:#ededef;--border-1:#e4e4e7;--border-strong:#d4d4d8;--action-primary:#000;--action-primary-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;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:#fff;--neutral-950:#fff;--neutral-1000:#fff;--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:#ffffff14;--border-1:#ffffff1f;--border-strong:#fff3;--action-primary:#fff;--action-primary-fg:#0a0a0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dd-responsive-frame[data-motion=reduced] *,.dd-responsive-frame[data-motion=reduced] :before,.dd-responsive-frame[data-motion=reduced] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!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 :before,.dd-responsive-frame[data-motion=reduced] .dd-space-motion-preview :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.dd-responsive-frame[data-motion=reduced] .dd-space-motion-blocks-preview svg path{stroke-dashoffset:0}.dd-preview-product-shell,.dd-preview-docs-surface,.dd-preview-expo-surface{min-height:inherit;background:var(--surface-1);display:grid}.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{padding:var(--preview-pad);background:var(--surface-0);border-right:1px solid var(--border-subtle);flex-direction:column;gap:8px;display:flex}.dd-preview-product-nav-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dd-preview-product-close{display:none}.dd-preview-product-nav .dd-side-item{text-align:left;width:calc(100% - 8px)}.dd-preview-product-main{gap:var(--preview-gap);min-width:0;padding:var(--preview-pad);align-content:start;display:grid}.dd-preview-product-topbar,.dd-preview-product-hero,.dd-preview-library-head,.dd-preview-docs-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.dd-preview-product-topbar .dd-input-wrap{flex:1;min-width:220px}.dd-preview-product-hero h2,.dd-preview-library-head h2,.dd-preview-docs-header h2,.dd-preview-expo-panel h2{color:var(--fg-1);font:600 28px / 1.1 var(--font-sans);margin:6px 0 0}.dd-preview-metric-grid{gap:var(--preview-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dd-preview-metric-grid>div,.dd-preview-table-card,.dd-preview-library-grid section,.dd-preview-docs-example,.dd-preview-docs-main,.dd-preview-expo-panel{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:10px;padding:16px}.dd-preview-metric-grid strong,.dd-preview-metric-grid span{display:block}.dd-preview-metric-grid strong{color:var(--fg-1);font:600 24px / 1 var(--font-sans)}.dd-preview-metric-grid span{color:var(--fg-3);font:500 12px / 1.2 var(--font-sans);margin-top:8px}.dd-preview-panel-grid{gap:var(--preview-gap);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);display:grid}.dd-preview-chart-panel .dd-card{height:100%}.dd-preview-table-card{align-content:start;gap:0;padding:0;display:grid;overflow:hidden}.dd-preview-table-card>div{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(72px,.7fr) minmax(120px,1fr) minmax(58px,.5fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.dd-preview-table-card>div:first-child{border-top:0}.dd-preview-table-card>div>span{color:var(--fg-2);font:500 12px / 1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{gap:var(--preview-gap);margin-top:var(--preview-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dd-preview-library-grid section{overflow:hidden}.dd-preview-library-grid h3{color:var(--fg-1);font:600 15px / 1.2 var(--font-sans);margin:0 0 12px}.dd-preview-library-grid .dd-swatch-stack,.dd-preview-library-grid .dd-input-preview,.dd-preview-library-grid .dd-code-pair{margin-top:0}.dd-preview-docs-surface{grid-template-columns:260px minmax(0,1fr);position:relative}.dd-preview-docs-mobilebar{padding:var(--preview-pad) var(--preview-pad) 0;display:none}.dd-preview-docs-menu-trigger{min-height:38px;color:var(--fg-1);font:600 13px / 1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.dd-preview-docs-sidebar{padding:var(--preview-pad);background:var(--surface-0);border-right:1px solid var(--border-subtle);align-content:start;gap:14px;display:grid}.dd-preview-docs-sidebar details{gap:4px;display:grid}.dd-preview-docs-sidebar summary{color:var(--fg-1);font:600 12px / 1.2 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.dd-preview-docs-sidebar summary::-webkit-details-marker{display:none}.dd-preview-docs-sidebar details>button{color:var(--fg-2);font:500 12px / 1.2 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;display:block;position:relative}.dd-preview-docs-sidebar details>button[data-active=true]{color:var(--fg-1);background:linear-gradient(90deg, var(--active-bg-strong) 0%, rgb(var(--brand-magenta-rgb) / .08) 45%, transparent 90%);font-weight:600}.dd-preview-docs-sidebar details>button[data-active=true]:before{content:"";background:var(--active-rail);width:3px;box-shadow:0 0 8px rgb(var(--brand-warm-rgb) / .28);border-radius:999px;position:absolute;top:6px;bottom:6px;left:1px}.dd-preview-docs-main{margin:var(--preview-pad);align-self:start}.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{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.dd-preview-expo-surface{gap:var(--preview-gap);padding:var(--preview-pad);grid-template-columns:minmax(300px,.85fr) minmax(300px,1fr);align-items:start}.dd-preview-expo-device{justify-items:center;min-width:0;display:grid}.dd-preview-expo-device .dd-native-device{width:min(360px,100%);min-height:670px}.dd-preview-expo-panel{gap:14px;display:grid}.dd-preview-expo-actions{flex-wrap:wrap;gap:8px;display:flex}@container (max-width:760px){.dd-preview-product-shell,.dd-preview-docs-surface,.dd-preview-expo-surface{grid-template-columns:minmax(0,1fr)}.dd-preview-product-mobilebar{z-index:6;padding:var(--preview-pad);background:var(--surface-0);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.dd-preview-product-menu-trigger,.dd-preview-product-close{min-height:34px;color:var(--fg-1);font:700 12px / 1 var(--font-sans);background:var(--surface-0);border:1px solid var(--border-strong);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);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.dd-preview-product-menu-trigger:hover,.dd-preview-product-close: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{z-index:14;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-standard);background:#0a0a0a5c;border:0;display:block;position:absolute;inset:0}.dd-preview-product-scrim[data-open=true]{opacity:1;pointer-events:auto}.dd-preview-product-nav{z-index:20;border-right:1px solid var(--border-strong);width:min(286px,86%);max-width:calc(100% - 28px);box-shadow:var(--shadow-xl);transition:transform .22s var(--ease-emphasis);border-bottom:0;position:absolute;top:0;bottom:0;left:0;overflow:auto;transform:translate(calc(-100% - 18px))}.dd-preview-product-nav[data-open=true]{transform:translate(0)}.dd-preview-product-close{min-width:34px;padding:0}.dd-preview-product-nav .dd-side-item{flex:none}.dd-preview-product-topbar,.dd-preview-product-hero,.dd-preview-library-head,.dd-preview-docs-header{flex-direction:column;align-items:flex-start}.dd-preview-product-topbar .dd-input-wrap{width:100%;min-width:0}.dd-preview-metric-grid,.dd-preview-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-preview-panel-grid{grid-template-columns:minmax(0,1fr)}.dd-preview-docs-sidebar{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);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-standard), transform .18s var(--ease-standard);border-radius:12px;position:absolute;overflow:auto;transform:translateY(-6px)scale(.98)}.dd-preview-docs-sidebar[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dd-preview-docs-mobilebar{display:flex}.dd-preview-docs-main{margin:var(--preview-pad)}}@container (max-width:460px){.dd-preview-metric-grid,.dd-preview-library-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{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dd-marketing-quote{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%);padding:144px 32px 120px;position:relative;overflow:hidden}.dd-marketing-quote:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, var(--surface-code) 0%, var(--surface-code) 24%, #0a0a0ad1 50%, transparent 100%);height:180px;position:absolute;inset:0 0 auto}.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:#0000;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{text-align:center;padding-top:120px;padding-bottom:120px;overflow:hidden}.dd-cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:inline-flex}.dd-mobile-backdrop{display:none}.dd-sidebar-rail{z-index:25;cursor:ew-resize;background:0 0;border:0;width:12px;padding:0;position:absolute;top:0;bottom:0;right:-6px}.dd-sidebar-rail:after{content:"";background:0 0;width:1px;transition:background .14s;position:absolute;top:12px;bottom:12px;right:5px}.dd-sidebar-rail:hover:after{background:var(--border-strong)}.dd-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.dd-page-header h1{color:var(--fg-1);font:500 clamp(30px, 4vw, 40px) / 1.08 var(--font-sans);letter-spacing:-.028em;margin:10px 0 0}.dd-page-header p{max-width:680px;color:var(--fg-2);font:400 15px / 1.55 var(--font-sans);letter-spacing:-.005em;margin:12px 0 0}.dd-page-action{flex-shrink:0}.dd-page-action-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dd-stat-stack{margin-top:14px}.dd-stat-stack span{color:var(--fg-1);font:500 42px / 1 var(--font-sans);letter-spacing:-.04em;display:block}.dd-stat-stack p,.dd-card-copy{color:var(--fg-2);font:400 14px / 1.55 var(--font-sans);letter-spacing:-.005em;margin:10px 0 0}.dd-card-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:16px 18px;display:flex}.dd-library-row{border-top:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.dd-library-row:first-child{border-top:0}.dd-library-row strong,.dd-card-heading{color:var(--fg-1);font:600 15px / 1.25 var(--font-sans);letter-spacing:-.015em;margin:0;display:block}.dd-library-row small,.dd-card-footer-line{color:var(--fg-3);font:400 12px / 1.25 var(--font-mono)}.dd-library-row small{margin-top:3px;display:block}.dd-row-icon{width:32px;height:32px;color:var(--fg-2);background:var(--neutral-100);border-radius:8px;place-items:center;display:grid}.dd-component-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.dd-component-grid>.dd-card{min-width:0}.dd-agent-card-link{color:inherit;text-decoration:none;display:block}.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-header-row,.dd-card-footer-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.dd-agent-mark{width:38px;height:38px;color:var(--fg-code);background:var(--surface-code);border-radius:10px;place-items:center;display:grid}.dd-card-heading{margin-top:18px;font-size:18px}.dd-card-footer-line{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:18px}.dd-metric-row{color:var(--fg-2);font:500 13px / 1 var(--font-sans);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.dd-metric-row:first-of-type{margin-top:14px}.dd-kit-section{margin-top:34px}.dd-kit-section h2{color:var(--fg-3);font:600 13px / 1 var(--font-sans);letter-spacing:-.005em;margin:0 0 12px}.dd-library-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dd-library-card{gap:8px;display:grid}.dd-section-card-grid,.dd-platform-split,.dd-section-route-grid{gap:12px;min-width:0;display:grid}.dd-section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-section-link-card,.dd-platform-card{text-align:left;white-space:normal;justify-content:flex-start;width:100%;height:auto;min-height:96px;padding:16px}.dd-section-link-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;display:grid}.dd-section-link-card>span:first-child,.dd-platform-card>span:nth-child(2){gap:6px;min-width:0;display:grid}.dd-section-link-card strong,.dd-platform-card strong{color:var(--fg-1);font:600 16px / 1.15 var(--font-sans)}.dd-section-link-card small,.dd-platform-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{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.dd-platform-card em{color:var(--fg-1);font:600 12px / 1.2 var(--font-sans);margin-top:5px;font-style:normal}.dd-section-route-grid{grid-template-columns:minmax(0,1fr)}.dd-section-route-card{min-width:0;overflow:hidden}.dd-section-route-preview{min-width:0;margin-top:18px;overflow:hidden}.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{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-token-list{background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:14px;overflow:hidden}.dd-token-row{border-top:1px solid var(--border-subtle)}.dd-token-row:first-child{border-top:0}.dd-token-row summary{color:var(--fg-1);font:600 15px / 1.2 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;list-style:none;display:flex}.dd-token-row summary>span{flex-direction:column;gap:3px;min-width:0;display:flex}.dd-token-row summary small{color:var(--fg-3);font:400 11px / 1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-token-row summary::-webkit-details-marker{display:none}.dd-token-row summary svg{color:var(--fg-3);transition:transform .16s var(--ease-standard);flex-shrink:0}.dd-token-row[open] summary svg{transform:rotate(90deg)}.dd-token-row p{color:var(--fg-2);font:400 14px / 1.55 var(--font-sans);margin:0;padding:0 18px 16px}.dd-kit-card-title{color:var(--fg-1);font:600 17px / 1.2 var(--font-sans);letter-spacing:-.015em;margin:14px 0 0}.dd-isolated-component-card{max-width:760px}.dd-isolated-preview{margin-top:16px}.dd-isolated-preview>.dd-token-preview,.dd-component-grid .dd-token-preview{margin-bottom:0;margin-left:0;margin-right:0}.dd-token-preview{margin:0 18px 18px}.dd-product-preview,.dd-type-preview,.dd-display-preview,.dd-font-preview,.dd-motion-preview,.dd-spacing-preview{flex-wrap:wrap;gap:10px;display:flex}.dd-type-preview,.dd-display-preview,.dd-font-preview,.dd-motion-preview,.dd-spacing-preview{flex-direction:column;align-items:flex-start}.dd-type-preview p{margin:0;padding: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{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.dd-gradient-swatch{color:#fff;min-height:86px;font:600 12px / 1 var(--font-mono);border:1px solid var(--border-subtle);border-radius:12px;align-items:flex-end;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.dd-elevation-grid,.dd-radii-grid,.dd-card-patterns{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;display:grid}.dd-card-showcase{grid-template-columns:minmax(220px,1.15fr) repeat(2,minmax(170px,.9fr));gap:14px;width:100%;display:grid}.dd-elevation-card,.dd-radii-grid span{min-height:72px;color:var(--fg-1);font:600 12px / 1 var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle);place-items:center;display:grid}.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{width:84px;height:34px;color:var(--fg-1);font:600 12px / 1 var(--font-mono);background:var(--surface-0);border-radius:999px;place-items:center;display:inline-grid}.dd-motion-slider-preview{gap:10px;width:100%;display:grid}.dd-motion-slider-row{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:12px;grid-template-columns:minmax(92px,132px) minmax(120px,1fr) minmax(80px,116px);align-items:center;gap:14px;padding:14px 16px;display:grid}.dd-motion-slider-row>span:first-child{gap:3px;min-width:0;display:grid}.dd-motion-slider-row strong{color:var(--fg-1);font:700 13px / 1 var(--font-sans);text-transform:capitalize}.dd-motion-slider-row small,.dd-motion-slider-row em{color:var(--fg-3);font:600 11px / 1 var(--font-mono);font-style:normal}.dd-motion-track{background:linear-gradient(90deg, var(--neutral-150), var(--neutral-100));border:1px solid var(--border-subtle);border-radius:999px;min-width:0;height:10px;display:block;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000014}.dd-motion-trail{background:linear-gradient(90deg, var(--stop-sunset-warm) 0%, var(--stop-sunset-magenta) 46%, var(--stop-sunset-indigo) 100%);border-radius:inherit;width:42%;box-shadow:0 0 0 1px #fff3 inset, 0 8px 20px -12px rgb(var(--brand-accent-rgb) / .62);animation-name:dd-motion-fill;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:var(--ease-emphasis);position:absolute;top:-1px;bottom:-1px;left:-1px}.dd-motion-trail b{background:var(--surface-0);border:1px solid var(--border-strong);width:20px;height:20px;box-shadow:0 1px 2px #00000029, 0 8px 18px -10px rgb(var(--brand-accent-rgb) / .52);border-radius:999px;position:absolute;top:50%;right:-10px;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{color:var(--fg-2);font:500 12px / 1 var(--font-mono);align-items:center;gap:10px;display:flex}.dd-spacing-preview i{background:var(--gradient-sunset);border-radius:999px;height:12px;display:block}.dd-swatch-stack{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.dd-input-preview,.dd-nav-preview,.dd-setting-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.dd-nav-system-preview{flex-direction:column;gap:14px;min-width:0;margin-top:16px;display:flex}.dd-nav-demo-bar{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:2px;padding:8px 8px 8px 14px;display:flex}.dd-nav-demo-bar .dd-logo{margin-right:14px}.dd-nav-demo-spacer{flex:auto;min-width:8px}.dd-nav-demo-bar .dd-marketing-nav{min-width:0;display:flex}.dd-setting-list{gap:0}.dd-setting-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.dd-setting-row:first-child{border-top:0}.dd-setting-row strong,.dd-setting-row small{display:block}.dd-setting-row strong{color:var(--fg-1);font:600 13px / 1.2 var(--font-sans)}.dd-setting-row small{color:var(--fg-3);font:400 12px / 1.35 var(--font-sans);margin-top:3px}.dd-prompt-block{color:var(--fg-code);font:400 13px / 1.7 var(--font-mono);white-space:pre-wrap;background:var(--surface-code);margin:0;padding:18px 20px;overflow-x:auto}.dd-code-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.dd-code-panel{--code-bg:var(--surface-code);--code-bg-raised:var(--surface-code-raised);--code-fg:#e6edf3;--code-muted:#8b949e;--code-border:#ffffff14;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-symbol:#d2a8ff;isolation:isolate;min-width:0;color:var(--code-fg);background:linear-gradient(180deg, #ffffff05, transparent 34%), var(--code-bg);border:1px solid var(--code-border);box-shadow:0 1px 2px #0006, 0 20px 40px -20px rgb(var(--brand-accent-rgb) / .25), 0 10px 24px -14px rgb(var(--brand-magenta-rgb) / .18);border-radius:14px;position:relative;overflow:hidden}.dd-code-panel:before{content:"";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-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.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 #00000008,0 12px 28px -16px #0000001f}.dd-code-panel[data-mode=light]:before{display:none}.dd-code-head{background:color-mix(in srgb, var(--code-bg-raised) 88%, transparent);border-bottom:1px solid var(--code-border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:grid}.dd-code-dots{gap:5px;display:inline-flex}.dd-code-dots span{background:var(--neutral-500);border-radius:50%;width:7px;height:7px}.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-file,.dd-code-lang,.dd-code-copy{color:var(--code-muted);font:500 11px / 1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-code-lang,.dd-code-copy{background:color-mix(in srgb, var(--code-fg) 7%, transparent);border:1px solid var(--code-border);border-radius:5px;padding:3px 6px}.dd-code-pre{min-width:0;color:var(--code-fg);font:400 12px / 1.7 var(--font-mono);scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin:0;padding:18px;overflow-x:auto}.dd-code-pre span{color:inherit}.dd-code-foot{color:var(--code-muted);font:500 11px / 1.2 var(--font-mono);border-top:1px solid var(--code-border);align-items:center;gap:7px;padding:10px 12px;display:flex}.dd-mini-card{min-width:120px;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;padding:14px}.dd-mini-card-elevated{box-shadow:var(--shadow-md)}.dd-mini-card-inverted{color:#fff;background:var(--surface-code);border-color:#ffffff14}.dd-index-card,.dd-runlog-card{min-height:78px;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;padding:14px}.dd-index-card span,.dd-runlog-card span{color:var(--fg-3);font:400 11px / 1.2 var(--font-mono);margin-top:8px;display:block}.dd-card-hero-sample,.dd-rich-card,.dd-spec-card{color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:14px;position:relative;overflow:hidden}.dd-card-hero-sample{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));min-height:220px;box-shadow:var(--shadow-sm), 0 18px 44px -32px rgb(var(--brand-accent-rgb) / .5);grid-row:span 2;align-content:end;gap:12px;padding:22px;display:grid}.dd-card-hero-sample:before{content:"";border-radius:inherit;background:var(--brand-rainbow-line);opacity:.75;pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dd-hero-badge-sample{width:fit-content;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);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.dd-hero-badge-sample i{background:var(--gradient-sunset);width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--brand-accent-rgb) / .12);border-radius:999px}.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{align-content:start;gap:9px;min-height:124px;padding:14px;display:grid}.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{color:var(--fg-2);font:600 11px / 1.2 var(--font-mono);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;display:grid}.dd-rich-card span i{color:#fff;width:20px;height:20px;font:700 9px / 1 var(--font-sans);background:var(--surface-code);border-radius:999px;place-items:center;display:grid}.dd-runlog-card.dd-rich-card span i{background:var(--status-success);width:8px;height:8px}.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{align-content:center;gap:8px;min-height:124px;display:grid}.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{flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;display:flex}.dd-icon-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-top:16px;display:grid}.dd-icon-grid span,.dd-avatar-preview>span{min-width:0;color:var(--fg-2);font:500 12px / 1.2 var(--font-sans);align-items:center;gap:10px;display:flex}.dd-icon-grid span{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:10px;padding:10px}.dd-icon-grid svg{color:var(--fg-3)}.dd-avatar-preview{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.dd-avatar-preview>span{isolation:isolate;background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:999px;padding:9px 12px 9px 9px;position:relative}.dd-avatar-preview>span[data-lead=true]{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);border-color:#0000}.dd-avatar-preview>span[data-lead=true]:before{content:"";z-index:-1;background:var(--gradient-conic);border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dd-avatar-preview>span>span{gap:2px;min-width:0;display:grid}.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{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:4px;margin-top:16px;display:grid}.dd-neutral-strip span{--neutral-label:#0a0a0a;--neutral-label-shadow:0 1px 0 #ffffff8c;min-height:44px;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;align-items:flex-end;padding:5px;display:flex}.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"],.dd-neutral-strip span[data-step="1000"],html[data-theme=dark] .dd-neutral-strip span{--neutral-label:#fff;--neutral-label-shadow:0 1px 1px #00000073}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"],html[data-theme=dark] .dd-neutral-strip span[data-step="1000"]{--neutral-label:#0a0a0a;--neutral-label-shadow:0 1px 0 #ffffff80}.dd-semantic-swatch{color:#fff;min-height:30px;font:600 12px / 1 var(--font-mono);border-radius:8px;align-items:center;padding:0 10px;display:inline-flex}.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{background:var(--surface-code);border-radius:12px;padding:12px}.dd-native-page-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.dd-native-renderer{overflow:hidden}.dd-native-renderer-head{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);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.dd-native-renderer-head h3{color:var(--fg-1);font:600 18px / 1.15 var(--font-sans);margin:7px 0 0}.dd-native-renderer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dd-native-renderer-body{grid-template-columns:minmax(320px,1fr) minmax(260px,340px);align-items:stretch;gap:18px;padding:18px;display:grid}.dd-native-resizable{resize:horizontal;scrollbar-width:thin;width:min(430px,100%);min-width:min(320px,100%);max-width:100%;display:flex;overflow:auto}.dd-native-device{width:100%;min-height:680px;box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-xl);background:#050505;border:1px solid #ffffff2e;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.dd-native-statusbar{color:#fff;height:38px;font:700 12px / 1 var(--font-sans);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.dd-native-status-icons{align-items:flex-end;gap:4px;display:inline-flex}.dd-native-status-icons i{background:#fff;border-radius:999px;width:13px;height:8px;display:block}.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{min-height:0;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));flex-direction:column;flex:1;gap:12px;padding:16px 14px 86px;display:flex;position:relative;overflow:hidden}.dd-native-app-header,.dd-native-org-card,.dd-native-feed-row,.dd-native-list-card>div,.dd-native-menu-list>div,.dd-native-tabs,.dd-native-mode-row,.dd-native-sheet button{align-items:center;display:flex}.dd-native-app-header{justify-content:space-between;gap:12px}.dd-native-app-header small,.dd-native-org-card small{color:var(--fg-3);font:500 10px / 1.2 var(--font-mono);text-transform:uppercase;display:block}.dd-native-app-header strong{color:var(--fg-1);font:700 19px / 1.1 var(--font-sans);margin-top:4px;display:block}.dd-native-avatar{color:#fff;width:34px;height:34px;font:700 11px / 1 var(--font-sans);background:var(--surface-code);border-radius:999px;place-items:center;display:grid}.dd-native-hero-card,.dd-native-list-card,.dd-native-org-card,.dd-native-theme-card,.dd-native-sheet,.dd-native-demo-stack{background:var(--surface-0);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-sm);border-radius:16px}.dd-native-hero-card,.dd-native-theme-card,.dd-native-demo-stack{gap:10px;padding:16px;display:grid}.dd-native-hero-card{position:relative}.dd-native-hero-card:before{content:"";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-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dd-native-hero-card h4,.dd-native-theme-card h4{color:var(--fg-1);font:700 22px / 1.05 var(--font-sans);margin:0}.dd-native-hero-card p,.dd-native-theme-card p,.dd-native-info-panel p{color:var(--fg-2);font:400 13px / 1.45 var(--font-sans);margin:0}.dd-native-list-card{overflow:hidden}.dd-native-list-card>div,.dd-native-menu-list>div{border-top:1px solid color-mix(in srgb, var(--border-strong) 62%, transparent);justify-content:space-between;gap:10px;min-height:44px;padding:0 12px}.dd-native-list-card>div:first-child,.dd-native-menu-list>div:first-child{border-top:0}.dd-native-list-card span,.dd-native-menu-list span,.dd-native-feed-row span{min-width:0;color:var(--fg-1);font:600 13px / 1.2 var(--font-sans);flex:1}.dd-native-org-card{text-align:left;justify-content:space-between;gap:10px;min-height:58px;padding:10px}.dd-native-org-card>span:nth-child(2){flex:1;min-width:0}.dd-native-org-card strong{color:var(--fg-1);font:700 14px / 1.2 var(--font-sans);display:block}.dd-native-menu-list{background:var(--surface-0);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.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{content:"";background:var(--gradient-sunset);border-radius:999px;width:3px;height:24px}.dd-native-chip-grid,.dd-native-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dd-native-chip-grid span,.dd-native-metric-grid>div{background:var(--surface-0);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);min-width:0;box-shadow:var(--shadow-xs);border-radius:14px;padding:12px}.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{flex-wrap:wrap;gap:8px;display:flex}.dd-native-metric-grid strong{color:var(--fg-1);font:700 23px / 1 var(--font-sans);display:block}.dd-native-metric-grid span{color:var(--fg-3);font:500 10px / 1 var(--font-mono);margin-top:5px;display:block}.dd-native-chart{background:var(--surface-code);border:1px solid #ffffff14;border-radius:16px;min-height:160px;padding:14px}.dd-native-chart svg{width:100%;height:132px}.dd-native-chart path{fill:none;stroke-linecap:round;stroke-width:3px}.dd-native-chart path:first-child{stroke:#4169ff}.dd-native-chart path:last-child{stroke:var(--stop-sunset-warm)}.dd-native-feed-row{background:var(--surface-0);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);box-shadow:var(--shadow-xs);border-radius:14px;justify-content:space-between;gap:10px;padding:12px}.dd-native-sheet{gap:8px;padding:12px;display:grid}.dd-native-sheet strong{color:var(--fg-1);font:700 13px / 1.2 var(--font-sans)}.dd-native-sheet button{min-height:38px;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;justify-content:space-between;padding:0 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{width:86px;height:34px;color:var(--fg-1);font:700 12px / 1 var(--font-mono);background:var(--surface-0);border-radius:999px;place-items:center;display:inline-grid}.dd-native-mode-row span{min-height:42px;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;flex:1;padding:12px}.dd-native-tabs{border:1px solid color-mix(in srgb, var(--border-strong) 80%, transparent);min-height:54px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-radius:999px;justify-content:space-between;gap:4px;padding:5px;position:absolute;bottom:14px;left:14px;right:14px}html[data-theme=dark] .dd-native-tabs{background:#0a0a0adb}.dd-native-tabs span{min-width:0;height:42px;color:var(--fg-3);font:700 10px / 1 var(--font-sans);border-radius:999px;flex:1;place-items:center;display:grid}.dd-native-tabs span[data-active=true]{color:#fff;background:var(--surface-code)}.dd-native-info-panel{align-content:start;gap:16px;min-width:0;display:grid}.dd-native-info-panel h4{color:var(--fg-1);font:700 15px / 1.2 var(--font-sans);margin:0 0 8px}.dd-native-qr,.dd-native-qr-link,.dd-native-qr-fallback{background:var(--surface-0);border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:14px;width:128px;max-width:100%;display:grid}.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-link,.dd-native-qr-fallback{min-height:128px;color:var(--fg-2);font:600 11px / 1.25 var(--font-sans);text-align:center;box-shadow:var(--shadow-xs);place-items:center;gap:8px;padding:10px;text-decoration:none}.dd-native-qr-link img{width:104px;height:104px;display:block}.dd-native-qr-link span,.dd-native-qr-fallback 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-link[data-compact=true],.dd-native-qr-fallback[data-compact=true]{min-height:112px;font-size:10px}.dd-native-spec-list{gap:10px;display:grid}.dd-native-spec-list div,.dd-native-component-group{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;gap:6px;padding:13px;display:grid}.dd-native-spec-list strong,.dd-native-component-group 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:#ffffff14;color:var(--code-fg);background:var(--code-bg);border-top:1px solid var(--code-border);overflow:hidden}.dd-native-component-map{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dd-native-component-group>div{flex-wrap:wrap;gap:6px;display:flex}.dd-docs-page{width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:32px 40px 88px}.dd-docs-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:36px;min-width:0;margin-bottom:24px;display:grid}.dd-docs-hero-copy{min-width:0}.dd-docs-hero-copy h1{max-width:720px;color:var(--fg-1);font:500 62px / 1.02 var(--font-sans);letter-spacing:0;text-wrap:balance;margin:14px 0 18px}.dd-docs-hero-copy p{max-width:620px;color:var(--fg-2);font:400 17px / 1.58 var(--font-sans);letter-spacing:0;text-wrap:pretty;margin:0}.dd-docs-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.dd-docs-hero-panel{--ring-width:1.5px;--ring-offset:0px;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);min-width:0;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);border-radius:20px;padding:16px;position:relative;overflow:visible}.dd-docs-hero-panel:after{content:"";z-index:-2;background:var(--gradient-sunset);filter:blur(76px);opacity:.2;pointer-events:none;border-radius:999px;position:absolute;inset:14% -8% -14% 36%}.dd-docs-hero-panel-head{color:var(--fg-2);font:500 12px / 1 var(--font-mono);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dd-docs-metric-strip{background:var(--surface-0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:24px;display:grid;overflow:hidden}.dd-docs-metric-strip div{border-left:1px solid var(--border-subtle);gap:8px;min-width:0;padding:18px 20px;display:grid}.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{color:var(--fg-3);font:500 12px / 1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-docs-reader-grid{grid-template-columns:244px minmax(0,1fr) 220px;align-items:start;gap:18px;min-width:0;display:grid}.dd-docs-page-tree,.dd-docs-toc{min-width:0;position:sticky;top:84px}.dd-docs-page-tree{background:var(--surface-0);border:1px solid var(--border-subtle);max-height:calc(100dvh - 108px);box-shadow:var(--shadow-xs);scrollbar-width:thin;border-radius:14px;gap:14px;padding:12px;display:grid;overflow:auto}.dd-docs-page-tree nav,.dd-docs-page-tree details{gap:5px;min-width:0;display:grid}.dd-docs-page-tree details+details{border-top:1px solid var(--border-subtle);padding-top:8px}.dd-docs-page-tree summary{min-height:28px;color:var(--fg-1);font:600 12px / 1.15 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.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{width:100%;min-height:32px;color:var(--fg-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;display:grid;position:relative}.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);background:linear-gradient(90deg, rgb(var(--brand-accent-rgb) / .11), rgb(var(--brand-magenta-rgb) / .07), transparent 92%);font-weight:600}.dd-docs-page-tree button[data-active=true]:before{content:"";background:var(--active-rail);width:3px;box-shadow:0 0 8px rgb(var(--brand-warm-rgb) / .28);border-radius:999px;position:absolute;top:7px;bottom:7px;left:2px}.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;font:500 13px / 1.1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-docs-page-tree button small{color:var(--fg-3);font:500 10px / 1 var(--font-mono);text-transform:uppercase}.dd-docs-article{background:var(--surface-0);border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-xs);border-radius:16px;padding:34px}.dd-docs-breadcrumb{color:var(--fg-3);font:500 12px / 1 var(--font-sans);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:26px;display:flex}.dd-docs-breadcrumb strong{color:var(--fg-1);font-weight:600}.dd-docs-article-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:30px;display:flex}.dd-docs-article-head h2{max-width:780px;color:var(--fg-1);font:500 48px / 1.06 var(--font-sans);letter-spacing:0;text-wrap:balance;margin:12px 0 0}.dd-docs-article-head p{max-width:760px;color:var(--fg-2);font:400 16px / 1.62 var(--font-sans);letter-spacing:0;margin:18px 0 0}.dd-docs-callout{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;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:28px 0 10px;padding:14px;display:grid}.dd-docs-callout strong,.dd-docs-source-row strong{color:var(--fg-1);font:600 13px / 1.25 var(--font-sans);letter-spacing:0;display:block}.dd-docs-callout small,.dd-docs-source-row small{color:var(--fg-3);font:400 12px / 1.35 var(--font-sans);margin-top:4px;display:block}.dd-docs-section{padding-top:34px;scroll-margin-top:88px}.dd-docs-section h3{color:var(--fg-1);font:600 23px / 1.16 var(--font-sans);letter-spacing:0;margin:0 0 12px}.dd-docs-section p{max-width:760px;color:var(--fg-2);font:400 15px / 1.62 var(--font-sans);letter-spacing:0;margin:0 0 18px}.dd-docs-code-card{--code-bg:var(--surface-code);--code-bg-raised:var(--surface-code-raised);--code-fg:#e6edf3;--code-muted:#8b949e;--code-border:#ffffff14;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-symbol:#d2a8ff;color:var(--code-fg);background:var(--code-bg);border:1px solid var(--code-border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.dd-docs-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dd-docs-step{background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:12px;min-width:0;padding:15px}.dd-docs-step>span{color:#fff;width:26px;height:26px;font:600 12px / 1 var(--font-mono);background:var(--fg-1);border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.dd-docs-step strong{color:var(--fg-1);font:600 14px / 1.2 var(--font-sans);letter-spacing:0;display:block}.dd-docs-step p{color:var(--fg-2);margin:8px 0 0;font-size:13px;line-height:1.5}.dd-docs-source-list{border:1px solid var(--border-subtle);border-radius:12px;display:grid;overflow:hidden}.dd-docs-source-row{border-top:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid}.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{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dd-docs-footer-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:12px;margin-top:38px;padding-top:24px;display:flex}.dd-docs-toc{color:var(--fg-2);background:color-mix(in srgb, var(--surface-0) 82%, transparent);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:14px;gap:4px;padding:14px;display:grid}.dd-docs-toc>strong{color:var(--fg-1);font:600 12px / 1 var(--font-sans);margin-bottom:7px}.dd-docs-toc>a{color:var(--fg-3);font:500 12px / 1.1 var(--font-sans);border-radius:7px;padding:7px 8px 7px 14px;position:relative}.dd-docs-toc>a:first-of-type{color:var(--fg-1);background:var(--neutral-50)}.dd-docs-toc>a:first-of-type:before{content:"";background:var(--active-rail);border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px;left:4px}.dd-docs-toc-card{background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:10px;gap:8px;margin-top:14px;padding:12px;display:grid}.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{flex-wrap:wrap;align-items:center}.dd-nav-demo-bar .dd-logo{margin-right:0}.dd-nav-demo-bar .dd-marketing-nav{scrollbar-width:none;flex:100%;order:3;display:flex;overflow-x:auto}.dd-nav-demo-bar .dd-marketing-nav::-webkit-scrollbar{display:none}.dd-nav-demo-bar .dd-nav-demo-spacer{flex: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-section-card-grid,.dd-platform-split,.dd-section-route-grid,.dd-native-renderer-body{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-summary-grid,.dd-space-primitive-grid,.dd-space-overview-preview{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-dashboard-preview,.dd-shadcn-sidebar-preview,.dd-shadcn-auth-preview,.dd-shadcn-calendar-block-preview{margin:0 14px}.dd-shadcn-auth-preview[data-mode=split-image],.dd-shadcn-auth-preview[data-mode=form-image]{grid-template-columns:minmax(0,1fr)}.dd-shadcn-auth-art{border-right:0;border-bottom:1px solid var(--border-subtle);min-height:132px}.dd-shadcn-sidebar-shell,.dd-shadcn-sidebar-preview[data-mode=dual] .dd-shadcn-sidebar-shell,.dd-shadcn-sidebar-preview[data-mode=right] .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{z-index:90;border-right:1px solid var(--border-subtle);width:min(320px,100vw - 36px);height:100dvh;box-shadow:var(--shadow-xl);transition:transform .24s var(--ease-emphasis);position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.dd-app[data-mobile-open=true] .dd-sidebar{transform:translate(0)}.dd-mobile-backdrop{z-index:85;pointer-events:none;cursor:default;opacity:0;background:0 0;border:0;transition:opacity .18s,background .18s;display:block;position:fixed;inset:0}.dd-app[data-mobile-open=true] .dd-mobile-backdrop{pointer-events:auto;opacity:1;background:#0000005c}.dd-mobile-trigger{display:inline-flex}.dd-sidebar-rail,.dd-collapse-toggle{display:none}.dd-app[data-collapsed=true] .dd-side-logo,.dd-app[data-collapsed=true] .dd-side-label,.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-user-info,.dd-app[data-collapsed=true] .dd-user-chevron{display:block}.dd-app[data-collapsed=true] .dd-side-logo{flex: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{opacity:1;height:auto;padding:8px 8px 5px}.dd-app[data-collapsed=true] .dd-org-copy,.dd-app[data-collapsed=true] .dd-org-chevron{display:block}.dd-app[data-collapsed=true] .dd-user-card{justify-content:flex-start;padding:7px 8px}.dd-topbar{z-index:70;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);align-items:center;gap:16px;top:0}.dd-topbar .dd-icon-button,.dd-topbar>.dd-button{flex:none}.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{height:auto;min-height:40px}.dd-breadcrumb{max-width:34vw}.dd-search{display:none}.dd-view-scroll{min-height:100dvh;overflow-y:visible}.dd-shell-container{padding:24px 18px 72px}.dd-design-dashboard-head,.dd-design-dashboard-grid{grid-template-columns:minmax(0,1fr)}.dd-design-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-marketing-hero,.dd-agent-grid{grid-template-columns:1fr}.dd-agent-tabs{border-bottom:0;flex-wrap:wrap;gap:6px;overflow-x:visible}.dd-agent-tab{background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:999px;margin-bottom:0;padding:8px 10px}.dd-agent-tab[data-active=true]{background:var(--fg-1);border-color:var(--fg-1);color:var(--fg-inv-1)}.dd-pillars-grid,.dd-evals-grid{grid-template-columns:1fr}.dd-page-header{flex-direction:column;align-items:flex-start}.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{border-right:0;border-bottom:1px solid var(--border-subtle);flex-direction:row;align-items:center}.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;border-top:1px solid var(--border-subtle)}.dd-docs-metric-strip div:nth-child(4){border-top:1px solid var(--border-subtle)}.dd-docs-page-tree,.dd-docs-toc{max-height:none;position:static}.dd-docs-page-tree{overflow:visible}.dd-docs-page-tree nav{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,minmax(180px,1fr));padding-bottom:2px;overflow-x:auto}.dd-docs-page-tree details+details{border-top:0;padding-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{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.dd-claude-link-card{--button-h:auto;--button-px:16px;text-align:left;white-space:normal;justify-content:space-between;min-height:92px;padding-top:14px;padding-bottom:14px}.dd-claude-link-card>span{gap:8px;min-width:0;display:grid}.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{background:linear-gradient(to right, var(--surface-0) 30%, transparent) left center / 28px 100% no-repeat, linear-gradient(to left, var(--surface-0) 30%, transparent) right center / 28px 100% no-repeat, var(--surface-0);-webkit-overflow-scrolling:touch;width:100%;overflow:auto}.dd-claude-frame{width:100%;min-width:min(var(--claude-frame-min-width), 100%);height:var(--claude-frame-height);background:#fff;border:0;display:block}@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-left:20px;padding-right:20px}.dd-marketing-header .dd-marketing-container{gap:12px!important}.dd-marketing-header .dd-logo{flex:0 auto}.dd-marketing-header .dd-logo-word{text-overflow:ellipsis;overflow:hidden}.dd-marketing-account{box-sizing:border-box;flex:0 0 34px;justify-content:center;width:34px;padding:3px}.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{letter-spacing:-.028em;font-size:clamp(38px,12vw,48px)}.dd-hero-copy{font-size:16px}.dd-marketing-quote{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%);padding:116px 20px 96px}.dd-hero-glow{max-width:100vw;width:auto!important;inset:0!important}.dd-marketing-quote-glow{width:min(520px,94vw)!important;height:min(520px,94vw)!important;right:-34px!important}.dd-sidebar{transform:translate(calc(-100% - 24px))}.dd-app[data-mobile-open=true] .dd-sidebar{transform:translate(0)}.dd-app[data-collapsed=true] .dd-org-switcher{justify-content:flex-start;padding:8px 9px}.dd-app[data-collapsed=true] .dd-side-logo,.dd-app[data-collapsed=true] .dd-side-label,.dd-app[data-collapsed=true] .dd-side-badge,.dd-app[data-collapsed=true] .dd-user-info,.dd-app[data-collapsed=true] .dd-user-chevron,.dd-app[data-collapsed=true] .dd-org-copy,.dd-app[data-collapsed=true] .dd-org-chevron{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-left:10px;padding-right:10px}.dd-docs-hero-copy h1{letter-spacing:0;font-size:40px}.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{border-radius:16px;padding:10px}.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);padding-bottom:0;overflow:visible}.dd-docs-page-tree details+details{border-top:1px solid var(--border-subtle);padding-top:8px}.dd-docs-toc{flex-wrap:wrap;gap:5px;display:flex}.dd-docs-toc>strong{flex:1 0 100%}.dd-docs-toc>a{flex: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{letter-spacing:-.026em!important;font-size:clamp(34px,11vw,48px)!important}.dd-cta-actions{width:100%;display:flex}.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{border-right:0;border-bottom:1px solid var(--border-subtle);flex-direction:row}.dd-shadcn-dashboard-metrics,.dd-shadcn-sidebar-canvas,.dd-shadcn-otp-row,.dd-shadcn-skin-grid,.dd-shadcn-overview-list{grid-template-columns:minmax(0,1fr)}.dd-shadcn-auth-form,.dd-shadcn-calendar-block-preview,.dd-space-preview{padding:14px}.dd-space-primitive-head,.dd-space-primitive-body{padding:16px}.dd-space-form-grid,.dd-space-card-row,.dd-space-kpi-grid,.dd-space-dashboard-widget-preview,.dd-space-dashboard-forms-preview .dd-space-action-toolbar,.dd-space-dashboard-nav-preview main>section,.dd-space-pricing-grid,.dd-space-marketing-features-preview,.dd-space-marketing-auth-preview,.dd-space-marketing-utility-preview,.dd-space-newsletter-row,.dd-space-loader-grid,.dd-space-dashboard-nav-preview{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:calc(50% - 8px)}.dd-space-marketing-hero-preview header{grid-template-columns:auto auto}.dd-space-marketing-hero-preview nav{order:3;grid-column:1/-1}.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{flex-direction:column;align-items:stretch}.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-component-grid,.dd-code-pair,.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{flex-direction:column;align-items:stretch}.dd-brand-button-stack .dd-button{width:100%}.dd-card-patterns{grid-template-columns:minmax(0,1fr)}.dd-native-renderer-head{flex-direction:column;align-items:stretch}.dd-native-renderer-actions{justify-content:flex-start}.dd-native-device{min-height:640px}.dd-mini-card,.dd-index-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-left:14px;padding-right:14px}.dd-design-dashboard-title,.dd-design-status-panel{padding:16px}.dd-design-dashboard-title h1{font-size:28px}.dd-design-status-grid,.dd-design-module-grid{grid-template-columns:minmax(0,1fr)}.dd-design-module-card{grid-template-columns:auto minmax(0,1fr)}.dd-brand-row{flex-direction:column;align-items:flex-start}.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:0 0}}