/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:"Geist Variable", Geist, Inter, ui-sans-serif, system-ui, sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--color-yellow-200:oklch(94.5% .129 101.54);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-500:oklch(65.6% .241 354.308);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--drop-shadow-sm:0 1px 2px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-dpai-chrome:#fff;--color-dpai-surface:#fff;--color-dpai-paper:#f8f6fc;--color-dpai-desk:#f0ecf6;--color-dpai-line:#e3ddeb;--color-dpai-line-strong:#c6bad7;--color-dpai-ink:#241b32;--color-dpai-muted:#71647e;--color-dpai-subtle:#746680;--color-dpai-inverse:#fff;--color-dpai-violet:#7438d0;--color-dpai-violet-hover:#6026b5;--color-dpai-violet-dark:#4c1d95;--color-dpai-violet-soft:#f0e8fc;--color-dpai-violet-line:#d4bff1;--color-dpai-violet-light:#bda0ed;--color-dpai-chart-usage:#7438d0;--color-dpai-signal:#46d695;--color-dpai-info:#2563eb;--color-dpai-positive:#16734f;--color-dpai-positive-soft:#edf8f1;--color-dpai-positive-line:#bce3ce;--color-dpai-warning:#946200;--color-dpai-warning-soft:#fff7df;--color-dpai-warning-line:#efd593;--color-dpai-danger:#ba343e;--color-dpai-danger-soft:#fff1f2;--color-dpai-danger-line:#f0c3c8;--color-dpai-ai-presence:var(--color-dpai-violet-soft);--color-dpai-ai-presence-ink:var(--color-dpai-ink);--color-dpai-ai-paper:var(--color-dpai-chrome);--color-dpai-ai-muted:var(--color-dpai-muted);--color-dpai-ai-line:var(--color-dpai-line);--radius-dpai-control:.5rem;--radius-dpai-action:.7rem;--radius-dpai-surface:.75rem;--radius-dpai-panel:1rem;--font-landing:"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;--font-display:"Inter Tight Variable", "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;--font-editorial:"Newsreader Variable", Newsreader, Georgia, ui-serif, serif;--text-dpai-preview:.5rem;--text-dpai-preview--line-height:.75rem;--text-dpai-canvas:.6875rem;--text-dpai-canvas--line-height:.875rem;--text-dpai-caption:.75rem;--text-dpai-caption--line-height:1rem;--text-dpai-label:.8125rem;--text-dpai-label--line-height:1.125rem;--text-dpai-body-sm:.875rem;--text-dpai-body-sm--line-height:1.375rem;--text-dpai-body:1rem;--text-dpai-body--line-height:1.5rem;--text-dpai-body-lg:1.125rem;--text-dpai-body-lg--line-height:1.75rem;--text-dpai-title-sm:1.25rem;--text-dpai-title-sm--line-height:1.5rem;--text-dpai-title:1.75rem;--text-dpai-title--line-height:1.875rem;--text-dpai-title-lg:clamp(2.25rem, 4vw, 3rem);--text-dpai-title-lg--line-height:1.02;--text-dpai-display:clamp(3rem, 6vw, 4.5rem);--tracking-dpai-display:-.055em;--tracking-dpai-title:-.035em;--tracking-dpai-label:.05em;--spacing-navbar:3.5rem;--animate-dpai-context-appear:dpai-context-appear .16s cubic-bezier(.2, .8, .2, 1) both}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:var(--text-dpai-body);line-height:var(--dpai-leading-relaxed);text-rendering:optimizelegibility}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}:where(button,a):focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-dpai-violet)}}@layer components{.dpai-canvas-studio{background:var(--dpai-chrome);color:var(--dpai-ink);font-family:var(--dpai-font-sans);height:100dvh;min-height:36rem;overflow:hidden}.dpai-canvas-initialLoadingOverlay{z-index:100;position:fixed;inset:0}.dpai-canvas-topbar{background:var(--dpai-chrome);border-bottom:1px solid var(--dpai-line);height:var(--dpai-navbar-height);grid-template-columns:1fr auto;align-items:center;padding:0 1rem;display:grid}.dpai-canvas-navbarIdentity,.dpai-canvas-topbarActions{align-items:center;display:flex}.dpai-canvas-navbarIdentity{justify-self:start;gap:.75rem;min-width:0}.dpai-canvas-brandGroup{color:var(--dpai-ink);font-size:var(--dpai-text-body-sm);font-weight:var(--dpai-weight-bold);letter-spacing:var(--dpai-tracking-title);line-height:var(--dpai-leading-solid);text-decoration:none}.dpai-canvas-brandGroup b{color:var(--dpai-violet);font-weight:inherit}.dpai-canvas-brandDivider{background:var(--dpai-line);width:1px;height:1.25rem}.dpai-canvas-projectName{font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-projectNameEditor{align-items:center;min-width:0;display:flex;position:relative}.dpai-canvas-projectNameButton{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.35rem;align-items:center;gap:.35rem;max-width:min(24rem,42vw);padding:.2rem .3rem;display:inline-flex}.dpai-canvas-projectNameButton:hover{color:var(--dpai-violet-dark)}.dpai-canvas-projectNameButton:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:3px}.dpai-canvas-projectNameLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-projectNameEditIcon{opacity:.58;flex:none;transition:opacity .12s ease-out}.dpai-canvas-projectNameButton:hover .dpai-canvas-projectNameEditIcon,.dpai-canvas-projectNameButton:focus-visible .dpai-canvas-projectNameEditIcon{opacity:1}.dpai-canvas-projectNameInput{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);font-family:var(--dpai-font-sans);border-radius:.45rem;outline:0;width:14rem;max-width:min(24rem,42vw);height:2rem;padding:0 .5rem}.dpai-canvas-projectNameInput:focus{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-projectNameInput:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-projectNameInput[aria-invalid=true]{border-color:var(--color-dpai-danger);box-shadow:0 0 0 3px #ba343e17}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-projectNameInput[aria-invalid=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-danger) 9.0%, transparent)}}.dpai-canvas-projectNameStatus{color:var(--dpai-muted);font-size:var(--dpai-text-caption);white-space:nowrap;margin-left:.45rem}.dpai-canvas-projectNameError{background:var(--color-dpai-danger-soft);border:1px solid var(--color-dpai-danger-line);color:var(--color-dpai-danger);font-size:var(--dpai-text-caption);white-space:nowrap;z-index:90;border-radius:.4rem;padding:.3rem .45rem;position:absolute;top:calc(100% + .35rem);left:0}.dpai-canvas-topbarActions{justify-self:end;gap:.65rem}.dpai-canvas-projectTemplateShare{display:inline-flex;position:relative}.dpai-canvas-projectTemplateShareButton{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-action);color:var(--dpai-violet-dark);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/1 var(--dpai-font-sans);white-space:nowrap;align-items:center;gap:.4rem;height:2rem;padding:0 .7rem;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.dpai-canvas-projectTemplateShareButton:hover:not(:disabled){background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line)}.dpai-canvas-projectTemplateShareButton:active:not(:disabled){transform:scale(.96)}.dpai-canvas-projectTemplateShareButton:disabled{cursor:default;opacity:.5}.dpai-canvas-projectTemplateShareButton[data-busy=true]:disabled{cursor:wait;opacity:.58}.dpai-canvas-projectTemplateShareError{background:var(--color-dpai-danger-soft);border:1px solid var(--color-dpai-danger-line);border-radius:var(--radius-dpai-control);color:var(--color-dpai-danger);font-size:var(--dpai-text-caption);white-space:nowrap;z-index:90;padding:.35rem .5rem;position:absolute;top:calc(100% + .4rem);right:0}.dpai-canvas-workspace{height:calc(100dvh - var(--dpai-navbar-height));padding:0}.dpai-canvas-loadingProjectName,.dpai-canvas-loadingAction,.dpai-canvas-loadingMenuLabel,.dpai-canvas-loadingRailButton:not([data-active=true]),.dpai-canvas-loadingZoomControls i{background:linear-gradient(105deg, var(--color-dpai-line) 34%, var(--color-dpai-desk) 47%, var(--color-dpai-line) 60%);background-size:240% 100%;animation:1.35s ease-in-out infinite canvas-skeleton-shimmer}.dpai-canvas-loadingProjectName{border-radius:999px;width:8.5rem;height:.75rem;display:block}.dpai-canvas-loadingTopbarActions{pointer-events:none}.dpai-canvas-loadingAction{border-radius:var(--radius-dpai-action);width:6.4rem;height:2rem;display:block}.dpai-canvas-loadingAction:last-child{width:5.2rem}.dpai-canvas-loadingWorkspace{background:var(--dpai-chrome)}.dpai-canvas-loadingBoard{background:var(--dpai-desk);border-radius:0;height:100%;position:relative;overflow:hidden}.dpai-canvas-loadingFrames{width:100%;height:100%;padding:clamp(1.5rem,4vw,3.5rem);display:block}.dpai-canvas-loadingFrameSurface{fill:var(--color-dpai-paper);stroke:var(--color-dpai-line-strong);stroke-width:2px;animation:1.35s ease-in-out infinite canvas-frame-loading}.dpai-canvas-loadingFrameSurface[data-active=true]{stroke:var(--dpai-violet);stroke-width:3px}.dpai-canvas-loadingFrameName{fill:var(--color-dpai-ink);font:var(--dpai-weight-semibold) 32px/1 var(--dpai-font-sans);letter-spacing:-.02em}.dpai-canvas-loadingFrameRoute{fill:var(--color-dpai-subtle);font-family:var(--dpai-font-mono);font-size:32px;font-weight:var(--dpai-weight-regular);letter-spacing:0}.dpai-canvas-loadingCanvasControls{width:112px;height:calc(100% - 24px);position:absolute;top:12px;left:12px}.dpai-canvas-loadingMenu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-loadingMenu{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-loadingMenu{border:1px solid var(--color-dpai-line);border-radius:10px;box-shadow:0 8px 24px #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-loadingMenu{box-shadow:0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 10.2%, transparent)}}.dpai-canvas-loadingMenu{gap:8px;width:112px;height:44px;padding:6px 10px 6px 7px;display:flex}.dpai-canvas-loadingMenuMark{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);border-radius:7px;width:30px;height:30px;display:block}.dpai-canvas-loadingMenuLabel{border-radius:999px;width:43px;height:8px;display:block}.dpai-canvas-loadingRail{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-loadingRail{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-loadingRail{border:1px solid var(--color-dpai-line);border-radius:14px;box-shadow:0 10px 28px #241b3222}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-loadingRail{box-shadow:0 10px 28px color-mix(in srgb, var(--color-dpai-ink) 13.3%, transparent)}}.dpai-canvas-loadingRail{flex-direction:column;gap:2px;width:48px;padding:5px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dpai-canvas-loadingRailButton{border-radius:9px;width:36px;height:36px;display:block}.dpai-canvas-loadingRailButton[data-active=true]{background:var(--dpai-violet)}.dpai-canvas-loadingRailDivider{background:var(--dpai-line);width:24px;height:1px;margin:3px 0;display:block}.dpai-canvas-loadingZoomControls{border:1px solid var(--dpai-line);border-radius:9px;bottom:12px;box-shadow:0 4px 12px #241b321c}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-loadingZoomControls{box-shadow:0 4px 12px color-mix(in srgb, var(--color-dpai-ink) 11.0%, transparent)}}.dpai-canvas-loadingZoomControls{width:27px;display:grid;position:absolute;right:12px;overflow:hidden}.dpai-canvas-loadingZoomControls i{width:26px;height:26px;display:block}.dpai-canvas-loadingZoomControls i+i{border-top:1px solid var(--dpai-line)}@keyframes canvas-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes canvas-frame-loading{0%,to{fill:var(--color-dpai-paper)}50%{fill:var(--color-dpai-chrome)}}@media (width<=760px){.dpai-canvas-topbar{grid-template-columns:1fr auto}.dpai-canvas-exportButton,.dpai-canvas-brandDivider,.dpai-canvas-projectName,.dpai-canvas-loadingProjectName,.dpai-canvas-loadingTopbarActions .dpai-canvas-loadingAction:first-child{display:none}.dpai-canvas-loadingFrames{padding:1rem}.dpai-canvas-projectTemplateShareButton{justify-content:center;width:2rem;padding:0}.dpai-canvas-projectTemplateShareButton>span{display:none}}@media (prefers-reduced-motion:reduce){.dpai-canvas-loadingProjectName,.dpai-canvas-loadingAction,.dpai-canvas-loadingFrameSurface,.dpai-canvas-loadingMenuLabel,.dpai-canvas-loadingRailButton,.dpai-canvas-loadingZoomControls i{animation:none}.dpai-canvas-projectTemplateShareButton{transition:none}}.dpai-canvas-connectAgent{align-items:center;gap:.5rem;display:inline-flex;position:relative}.dpai-canvas-connectButton,.dpai-canvas-exportButton{justify-content:center;align-items:center;display:inline-flex}.dpai-canvas-connectButton{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink);border-radius:var(--radius-dpai-action);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #241b3238,0 2px 6px #241b3224}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 14.1%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 22.0%, transparent), 0 2px 6px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent)}}.dpai-canvas-connectButton{color:var(--color-dpai-inverse);cursor:pointer;font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);gap:.45rem;min-height:2rem;padding:0 .75rem;transition-property:background-color,border-color,box-shadow,color,scale;transition-duration:.12s;transition-timing-function:ease-out}.dpai-canvas-connectButton:hover,.dpai-canvas-connectButton[aria-expanded=true]{background:var(--color-dpai-ink)}.dpai-canvas-connectButton[data-active=true]{background:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]{background:color-mix(in srgb, var(--dpai-signal) 9%, var(--dpai-chrome))}}.dpai-canvas-connectButton[data-active=true]{border-color:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]{border-color:color-mix(in srgb, var(--dpai-signal) 48%, var(--dpai-line))}}.dpai-canvas-connectButton[data-active=true]{box-shadow:inset 0 1px #ffffffb8,0 1px 3px #241b3212}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 72.2%, transparent), 0 1px 3px color-mix(in srgb, var(--color-dpai-ink) 7.1%, transparent)}}.dpai-canvas-connectButton[data-active=true]{color:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]{color:color-mix(in srgb, var(--dpai-signal) 62%, var(--dpai-ink))}}.dpai-canvas-connectButton[data-pending=true]{background:#946200}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true]{background:color-mix(in srgb, var(--color-dpai-warning) 9%, var(--dpai-chrome))}}.dpai-canvas-connectButton[data-pending=true]{border-color:#946200}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true]{border-color:color-mix(in srgb, var(--color-dpai-warning) 48%, var(--dpai-line))}}.dpai-canvas-connectButton[data-pending=true]{box-shadow:inset 0 1px #ffffffb8,0 1px 3px #241b3212}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true]{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 72.2%, transparent), 0 1px 3px color-mix(in srgb, var(--color-dpai-ink) 7.1%, transparent)}}.dpai-canvas-connectButton[data-pending=true]{color:#946200}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true]{color:color-mix(in srgb, var(--color-dpai-warning) 72%, var(--dpai-ink))}}.dpai-canvas-connectButton[data-variant=secondary]{background:var(--color-dpai-inverse);border-color:var(--color-dpai-line);box-shadow:0 1px 2px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-variant=secondary]{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-canvas-connectButton[data-variant=secondary]{color:var(--dpai-violet-dark)}.dpai-canvas-connectButton[data-variant=secondary]:hover,.dpai-canvas-connectButton[data-variant=secondary][aria-expanded=true]{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line)}.dpai-canvas-connectButton[data-active=true]:hover,.dpai-canvas-connectButton[data-active=true][aria-expanded=true]{background:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]:hover,.dpai-canvas-connectButton[data-active=true][aria-expanded=true]{background:color-mix(in srgb, var(--dpai-signal) 14%, var(--dpai-chrome))}}.dpai-canvas-connectButton[data-pending=true]:hover,.dpai-canvas-connectButton[data-pending=true][aria-expanded=true]{background:#946200}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true]:hover,.dpai-canvas-connectButton[data-pending=true][aria-expanded=true]{background:color-mix(in srgb, var(--color-dpai-warning) 14%, var(--dpai-chrome))}}.dpai-canvas-connectButton svg{flex:none}.dpai-canvas-connectButton:active{scale:.96}.dpai-canvas-connectButton:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-connectButtonStatus{background:var(--dpai-signal);align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButtonStatus{background:color-mix(in srgb, var(--dpai-signal) 15%, transparent)}}.dpai-canvas-connectButtonStatus{font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-solid);border-radius:999px;gap:.3rem;padding:.25rem .42rem;display:inline-flex}.dpai-canvas-connectButtonStatusDot{background:var(--dpai-signal);box-shadow:0 0 0 2px var(--dpai-signal);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButtonStatusDot{box-shadow:0 0 0 2px color-mix(in srgb, var(--dpai-signal) 16%, transparent)}}.dpai-canvas-connectButtonStatusDot{width:.35rem;height:.35rem}.dpai-canvas-connectButton[data-pending=true] .dpai-canvas-connectButtonStatus{background:#94620026}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true] .dpai-canvas-connectButtonStatus{background:color-mix(in srgb, var(--color-dpai-warning) 15%, transparent)}}.dpai-canvas-connectButton[data-pending=true] .dpai-canvas-connectButtonStatusDot{background:var(--color-dpai-warning);box-shadow:0 0 0 2px #9462002e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-pending=true] .dpai-canvas-connectButtonStatusDot{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-warning) 18%, transparent)}}.dpai-canvas-connectButtonChevron{fill:none;opacity:.72;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:.85rem;height:.85rem;margin-left:.05rem;transition:transform .12s ease-out}.dpai-canvas-connectButton[aria-expanded=true] .dpai-canvas-connectButtonChevron{transform:rotate(180deg)}.dpai-canvas-connectPanel{background:var(--dpai-chrome);border:1px solid var(--color-dpai-line);border-radius:.9rem;animation:.15s ease-out connect-panel-in;box-shadow:0 18px 50px #241b3224,0 4px 12px #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectPanel{box-shadow:0 18px 50px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent), 0 4px 12px color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent)}}.dpai-canvas-connectPanel{color:var(--dpai-ink);z-index:80;width:min(23.5rem,100vw - 2rem);padding:.85rem;position:absolute;top:calc(100% + .65rem);right:0}.dpai-canvas-connectPanel:before{background:var(--dpai-chrome);border-left:1px solid var(--color-dpai-line);border-top:1px solid var(--color-dpai-line);content:"";width:.55rem;height:.55rem;position:absolute;top:-.34rem;right:4.7rem;transform:rotate(45deg)}.dpai-canvas-connectPanelHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;display:grid}.dpai-canvas-connectPanelHeader>span:nth-child(2){gap:.12rem;display:grid}.dpai-canvas-connectPanelHeader strong{font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-connectPanelMark{background:var(--color-dpai-ink);color:var(--color-dpai-inverse);border-radius:.55rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.dpai-canvas-connectPanelClose{color:var(--dpai-muted);cursor:pointer;font-size:var(--dpai-text-body);background:0 0;border:0;border-radius:.45rem;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;display:inline-flex}.dpai-canvas-connectPanelClose:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-connectPanelMorph{margin-top:.85rem;animation:.18s cubic-bezier(.2,.8,.2,1) connect-panel-morph}.dpai-canvas-connectChoices{gap:.55rem;display:grid}.dpai-canvas-connectChoices>p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-compact);margin:0}.dpai-canvas-connectChoices>.dpai-canvas-agentLogos{margin:.05rem 0 .2rem}.dpai-canvas-connectChoice{background:var(--color-dpai-chrome);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-surface);color:var(--dpai-ink);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4.2rem;padding:.8rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.dpai-canvas-connectChoice>span:first-child{gap:.2rem;min-width:0;display:grid}.dpai-canvas-connectChoice strong{font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-compact) var(--dpai-font-sans)}.dpai-canvas-connectChoice small{color:var(--dpai-muted);font:var(--dpai-text-caption)/var(--dpai-leading-compact) var(--dpai-font-sans)}.dpai-canvas-connectChoice>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem}.dpai-canvas-connectChoiceStatus{background:var(--color-dpai-desk);color:var(--dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;border-radius:999px;padding:.35rem .5rem}.dpai-canvas-connectChoice:hover:not(:disabled){border-color:var(--color-dpai-violet-light);box-shadow:0 0 0 3px #7438d014}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectChoice:hover:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 8%, transparent)}}.dpai-canvas-connectChoice:hover:not(:disabled){transform:translateY(-1px)}.dpai-canvas-connectChoice[data-featured=true]{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line);color:var(--dpai-violet-dark)}.dpai-canvas-connectChoice:disabled{cursor:default;opacity:.52}.dpai-canvas-connectChoice[data-connected=true]:disabled{background:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectChoice[data-connected=true]:disabled{background:color-mix(in srgb, var(--dpai-signal) 8%, var(--color-dpai-chrome))}}.dpai-canvas-connectChoice[data-connected=true]:disabled{border-color:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectChoice[data-connected=true]:disabled{border-color:color-mix(in srgb, var(--dpai-signal) 38%, var(--dpai-line))}}.dpai-canvas-connectChoice[data-connected=true]:disabled{color:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectChoice[data-connected=true]:disabled{color:color-mix(in srgb, var(--dpai-signal) 62%, var(--dpai-ink))}}.dpai-canvas-connectChoice[data-connected=true]:disabled{opacity:1}.dpai-canvas-connectChoice[data-connected=true]:disabled small{color:var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectChoice[data-connected=true]:disabled small{color:color-mix(in srgb, var(--dpai-signal) 38%, var(--dpai-muted))}}.dpai-canvas-connectPanelOr{color:var(--dpai-muted);font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-semibold);grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin:.05rem 0;display:grid}.dpai-canvas-connectPanelOr:before,.dpai-canvas-connectPanelOr:after{background:var(--color-dpai-line);content:"";height:1px}.dpai-canvas-connectSetupPending{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:12rem;display:flex}.dpai-canvas-connectSetupPending>span{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);border-radius:999px;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;margin-bottom:.65rem;display:inline-flex}.dpai-canvas-connectSetupPending>strong{font-size:var(--dpai-text-label)}.dpai-canvas-connectSetupPending>small{color:var(--dpai-muted);font-size:var(--dpai-text-caption);margin-top:.25rem}.dpai-canvas-connectSetupPending>.dpai-canvas-connectPanelAction{margin-top:.85rem}.dpai-canvas-connectSetupActions{gap:.55rem;margin-top:.85rem;display:flex}.dpai-canvas-connectSetupSecondary{background:var(--color-dpai-chrome);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.6rem;min-height:2.25rem;padding:0 .8rem}.dpai-canvas-connectSetupSecondary:hover{background:var(--color-dpai-paper)}.dpai-canvas-connectSetupPrompt>header{gap:.18rem;display:grid}.dpai-canvas-connectSetupPrompt>header strong{font-size:var(--dpai-text-label)}.dpai-canvas-connectSetupPrompt>header span{color:var(--dpai-muted);font-size:var(--dpai-text-caption)}.dpai-canvas-connectSetupPrompt .dpai-canvas-agentInstruction{max-height:14rem;overflow:auto}.dpai-canvas-connectSetupPrompt .dpai-canvas-instructionFooter{justify-content:flex-end}.dpai-canvas-connectPanelError{color:var(--color-dpai-danger);font-size:var(--dpai-text-caption);margin:.2rem 0 0}.dpai-canvas-connectSteps{gap:.6rem;margin-top:.85rem;display:grid}.dpai-canvas-connectStep{background:var(--color-dpai-paper);border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-surface);grid-template-columns:auto 1fr;gap:.7rem;padding:.75rem;display:grid}.dpai-canvas-connectStepIndex{background:var(--color-dpai-ink);color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex}.dpai-canvas-connectStepBody{min-width:0}.dpai-canvas-connectStepHeading{gap:.18rem;display:grid}.dpai-canvas-connectStepHeading strong{font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-connectStepHeading>span{color:var(--dpai-muted);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-compact)}.dpai-canvas-agentLogos{scrollbar-width:thin;align-items:center;gap:.32rem;margin-top:.65rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.dpai-canvas-agentLogo{color:var(--dpai-ink);flex:0 0 1.65rem;justify-content:center;align-items:center;height:1.65rem;display:inline-flex}.dpai-canvas-agentCount{border-bottom:1px dotted var(--color-dpai-subtle);color:var(--color-dpai-muted);font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-semibold);line-height:var(--dpai-leading-compact);white-space:nowrap;flex:none}.dpai-canvas-agentInstruction{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink);color:var(--color-dpai-paper);font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:.65rem;margin:.65rem 0 0;padding:.75rem}.dpai-canvas-instructionFooter{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.65rem;display:flex}.dpai-canvas-instructionFooter>span{color:var(--dpai-muted);font:var(--dpai-text-caption)/var(--dpai-leading-compact) var(--dpai-font-mono)}.dpai-canvas-connectPanelAction{flex:none}.dpai-canvas-exportButton{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);border-radius:var(--radius-dpai-action);box-shadow:inset 0 1px #ffffff70,inset 0 -2px #241b321f,0 2px 6px #7438d030}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-exportButton{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 43.9%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 12.2%, transparent), 0 2px 6px color-mix(in srgb, var(--color-dpai-violet) 18.8%, transparent)}}.dpai-canvas-exportButton{color:var(--color-dpai-inverse);cursor:pointer;font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);min-height:2rem;padding:0 .8rem}.dpai-canvas-exportButton:hover:not(:disabled){background:var(--dpai-violet-hover)}.dpai-canvas-exportButton:disabled{cursor:default;opacity:.5}@keyframes connect-panel-in{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes connect-panel-morph{0%{opacity:.45;transform:translateY(.2rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.dpai-canvas-mcpOnboardingBackdrop{background:#241b325c;align-items:center;animation:.18s ease-out mcp-onboarding-backdrop-in}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingBackdrop{background:color-mix(in srgb, var(--color-dpai-ink) 36%, transparent)}}.dpai-canvas-mcpOnboardingBackdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:120;justify-content:center;padding:1.25rem;display:flex;position:fixed;inset:0}.dpai-canvas-mcpOnboardingDialog{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);border-radius:1.15rem;animation:.22s cubic-bezier(.2,.8,.2,1) mcp-onboarding-dialog-in;box-shadow:0 2rem 6rem #241b3240,0 .2rem 1rem #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingDialog{box-shadow:0 2rem 6rem color-mix(in srgb, var(--color-dpai-ink) 25%, transparent), 0 .2rem 1rem color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-mcpOnboardingDialog{width:min(49rem,100%);max-height:calc(100dvh - 2.5rem);padding:1.4rem;position:relative;overflow:auto}.dpai-canvas-mcpOnboardingMap{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);border-radius:.8rem;grid-template-columns:auto minmax(2.5rem,1fr) auto minmax(2.5rem,1fr) auto;align-items:center;min-height:4rem;margin-bottom:1.45rem;padding:.65rem 4.2rem .65rem .8rem;display:grid}.dpai-canvas-mcpOnboardingMap>i{background:repeating-linear-gradient(90deg, var(--color-dpai-subtle) 0 4px, transparent 4px 8px);height:1px;position:relative}.dpai-canvas-mcpOnboardingMap>i:after{border-right:1px solid var(--color-dpai-subtle);border-top:1px solid var(--color-dpai-subtle);content:"";width:.3rem;height:.3rem;position:absolute;top:-.18rem;right:0;transform:rotate(45deg)}.dpai-canvas-mcpOnboardingMapNode{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-control);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase;padding:.55rem .7rem}.dpai-canvas-mcpOnboardingMapMcp{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink);border-radius:.65rem;align-items:center;box-shadow:0 0 0 4px #7438d01f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingMapMcp{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-dpai-violet) 12%, transparent)}}.dpai-canvas-mcpOnboardingMapMcp{color:var(--color-dpai-inverse);justify-content:center;width:2.35rem;height:2.35rem;display:inline-flex}.dpai-canvas-mcpOnboardingHeader{max-width:36rem}.dpai-canvas-mcpOnboardingEyebrow{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase;align-items:center;gap:.45rem;display:inline-flex}.dpai-canvas-mcpOnboardingEyebrow>i{background:var(--dpai-signal);border-radius:999px;box-shadow:0 0 0 4px #46d69524}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingEyebrow>i{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-dpai-signal) 14%, transparent)}}.dpai-canvas-mcpOnboardingEyebrow>i{width:.38rem;height:.38rem}.dpai-canvas-mcpOnboardingHeader h2,.dpai-canvas-mcpOnboardingReady h2{font-family:var(--font-display);font-size:var(--dpai-text-title-lg);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);line-height:var(--dpai-leading-display);margin:.75rem 0 0}.dpai-canvas-mcpOnboardingHeader p,.dpai-canvas-mcpOnboardingReady>p{color:var(--dpai-muted);font-size:var(--dpai-text-body-sm);line-height:var(--dpai-leading-relaxed);max-width:34rem;margin:.8rem 0 0}.dpai-canvas-mcpOnboardingHeader p strong{color:var(--dpai-ink);font-weight:var(--dpai-weight-semibold)}.dpai-canvas-mcpOnboardingPrimaryAction,.dpai-canvas-mcpOnboardingSecondaryAction,.dpai-canvas-mcpOnboardingDoneAction{cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.65rem;justify-content:center;align-self:end;align-items:center;gap:.55rem;min-height:2.35rem;padding:0 .85rem;display:inline-flex}.dpai-canvas-mcpOnboardingPrimaryAction{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);box-shadow:inset 0 1px #fff6,inset 0 -2px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingPrimaryAction{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 40%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-mcpOnboardingPrimaryAction{color:var(--color-dpai-inverse)}.dpai-canvas-mcpOnboardingPrimaryAction:hover{background:var(--dpai-violet-hover)}.dpai-canvas-mcpOnboardingSecondaryAction{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line-strong);color:var(--dpai-ink)}.dpai-canvas-mcpOnboardingSecondaryAction:hover{background:var(--color-dpai-paper);border-color:var(--color-dpai-line-strong)}.dpai-canvas-mcpOnboardingPrimaryAction:disabled,.dpai-canvas-mcpOnboardingSecondaryAction:disabled{cursor:default;opacity:.42}.dpai-canvas-mcpOnboardingPrimaryAction svg,.dpai-canvas-mcpOnboardingSecondaryAction svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:.8rem;height:.8rem}.dpai-canvas-mcpOnboardingError{background:var(--color-dpai-danger-soft);border:1px solid var(--color-dpai-danger-line);color:var(--color-dpai-danger);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);border-radius:.55rem;margin:.8rem 0 0;padding:.65rem .75rem}.dpai-canvas-mcpOnboardingFooter{color:var(--dpai-muted);font-size:var(--dpai-text-caption);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.9rem;display:flex}.dpai-canvas-mcpOnboardingFooter button{color:var(--dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);text-underline-offset:.2rem;background:0 0;border:0;flex:none;padding:.35rem;text-decoration:underline}.dpai-canvas-mcpOnboardingFooter button:hover{color:var(--dpai-ink)}.dpai-canvas-mcpOnboardingReady{padding:1rem .65rem .45rem}.dpai-canvas-mcpOnboardingReadyMark{background:var(--color-dpai-positive-soft);border:1px solid var(--color-dpai-positive-line);color:var(--color-dpai-positive);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.2rem;display:flex}.dpai-canvas-mcpOnboardingReadyMark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.3rem;height:1.3rem}.dpai-canvas-mcpOnboardingConfig{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink);border-radius:var(--radius-dpai-surface);color:var(--color-dpai-paper);font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);white-space:pre-wrap;max-height:13rem;margin:1.25rem 0 0;padding:.9rem;overflow:auto}.dpai-canvas-mcpOnboardingReadyActions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.dpai-canvas-mcpOnboardingDoneAction{color:var(--dpai-muted);background:0 0;border:0}.dpai-canvas-mcpOnboardingDoneAction:hover{color:var(--dpai-ink)}.dpai-canvas-mcpOnboardingBackdrop{align-items:initial;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:40;background:0 0;padding:0;animation:none;display:block;position:fixed;inset:calc(50% + 1.75rem) auto auto 50%;transform:translate(-50%,-50%)}.dpai-canvas-mcpOnboardingDialog{pointer-events:auto;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-gutter:stable;scrollbar-width:thin;width:min(42rem,100vw - 2rem);max-height:calc(100dvh - 7rem);padding:.75rem;transition:width .18s,padding .18s;animation:.18s ease-out mcp-onboarding-dialog-in;overflow:auto}.dpai-canvas-mcpOnboardingDialog::-webkit-scrollbar{width:.7rem;height:.7rem}.dpai-canvas-mcpOnboardingDialog::-webkit-scrollbar-track{background:0 0;margin-block:.75rem}.dpai-canvas-mcpOnboardingDialog::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:.2rem solid #0000;border-radius:999px}.dpai-canvas-mcpOnboardingDialog::-webkit-scrollbar-thumb:hover{background:var(--color-dpai-subtle);background-clip:padding-box}.dpai-canvas-mcpOnboardingBackdrop[data-locked=true]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#241b327a;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingBackdrop[data-locked=true]{background:color-mix(in srgb, var(--color-dpai-ink) 48%, transparent)}}.dpai-canvas-mcpOnboardingBackdrop[data-locked=true]{pointer-events:auto;z-index:120;padding:1.25rem;display:flex;inset:0;transform:none}.dpai-canvas-mcpOnboardingBackdrop[data-locked=true] .dpai-canvas-mcpOnboardingDialog{box-shadow:0 2rem 6rem #241b324d,0 .2rem 1rem #241b3229}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingBackdrop[data-locked=true] .dpai-canvas-mcpOnboardingDialog{box-shadow:0 2rem 6rem color-mix(in srgb, var(--color-dpai-ink) 30%, transparent), 0 .2rem 1rem color-mix(in srgb, var(--color-dpai-ink) 16%, transparent)}}.dpai-canvas-mcpOnboardingBackdrop[data-stage=design]:not([data-locked=true]){bottom:1rem;left:auto;right:1rem;top:calc(var(--dpai-navbar-height) + 1rem);transform:none}.dpai-canvas-mcpOnboardingBackdrop[data-stage=design]:not([data-locked=true]) .dpai-canvas-mcpOnboardingDialog{box-sizing:border-box;height:100%;max-height:none}.dpai-canvas-mcpOnboardingHeader{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;max-width:none;padding:.15rem .15rem .75rem;display:grid}.dpai-canvas-mcpOnboardingHeader>span:nth-child(2){gap:.18rem;min-width:0;display:grid}.dpai-canvas-mcpOnboardingHeader>span:nth-child(2) strong{font-family:var(--font-display);font-size:var(--dpai-text-body-sm);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-mcpOnboardingHeader>span:nth-child(2) small{color:var(--dpai-muted);font-size:var(--dpai-text-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-mcpOnboardingReady{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.3rem;display:grid}.dpai-canvas-mcpOnboardingReadyMark{width:2.5rem;height:2.5rem;margin:0}.dpai-canvas-mcpOnboardingReady h2{font-size:var(--dpai-text-title-sm);line-height:var(--dpai-leading-compact);margin:0}.dpai-canvas-mcpOnboardingReady>span>p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);margin:.3rem 0 0}.dpai-canvas-mcpOnboardingConfig,.dpai-canvas-mcpOnboardingReadyActions,.dpai-canvas-mcpOnboardingReady>.dpai-canvas-mcpOnboardingError{grid-column:1/-1}.dpai-canvas-mcpOnboardingReadyActions{margin-top:.15rem}.dpai-canvas-mcpOnboardingStep{animation:.17s ease-out mcp-onboarding-step-in}.dpai-canvas-mcpOnboardingDesignMark{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);color:var(--dpai-violet-dark);border-radius:.65rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex}.dpai-canvas-mcpOnboardingDesignMark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:1.1rem;height:1.1rem}.dpai-canvas-mcpOnboardingStatusBadge{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) .65rem/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:.34rem .46rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design]{background:var(--dpai-paper);border-color:var(--color-dpai-line);box-shadow:-1rem 0 3rem #241b3224,0 .2rem 1rem #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingDialog[data-stage=design]{box-shadow:-1rem 0 3rem color-mix(in srgb, var(--color-dpai-ink) 14%, transparent), 0 .2rem 1rem color-mix(in srgb, var(--color-dpai-ink) 10%, transparent)}}.dpai-canvas-mcpOnboardingDialog[data-stage=design]{width:min(28rem,100vw - 2rem);padding:1rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingHeader{padding:.1rem .15rem 1rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingHeader strong{color:var(--dpai-ink)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingHeader small{color:var(--dpai-muted)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingDesignMark{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line);box-shadow:none;color:var(--dpai-violet-dark)}.dpai-canvas-designCatalogTabs{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);border-radius:.72rem;align-items:center;gap:.2rem;margin-bottom:.8rem;padding:.2rem;display:inline-flex}.dpai-canvas-designCatalogTab{color:var(--dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-radius:.52rem;align-items:center;gap:.45rem;min-height:2rem;padding:0 .78rem;display:inline-flex}.dpai-canvas-designCatalogTab:hover{color:var(--dpai-ink)}.dpai-canvas-designCatalogTab:disabled{color:var(--color-dpai-subtle);cursor:not-allowed;opacity:.72}.dpai-canvas-designCatalogTab:disabled:hover{color:var(--color-dpai-subtle)}.dpai-canvas-designCatalogTab[data-active=true]{background:var(--color-dpai-inverse);box-shadow:0 1px 2px #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designCatalogTab[data-active=true]{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 8%, transparent)}}.dpai-canvas-designCatalogTab[data-active=true]{color:var(--dpai-ink)}.dpai-canvas-designCatalogTab>span{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) .55rem/1 var(--dpai-font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.25rem .32rem}.dpai-canvas-starterTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-starterTemplateGrid{grid-template-columns:minmax(0,1fr)}.dpai-canvas-starterTemplatePreviewContent{background:0 0;border-radius:.48rem;box-shadow:0 0 0 1px #241b321a,0 .65rem 1.4rem #241b322e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterTemplatePreviewContent{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-ink) 10%, transparent), 0 .65rem 1.4rem color-mix(in srgb, var(--color-dpai-ink) 18%, transparent)}}.dpai-canvas-starterTemplatePreviewContent{z-index:1;position:absolute;inset:.68rem;overflow:hidden}.dpai-canvas-starterTemplatePreviewPage,.dpai-canvas-starterTemplatePreviewFrame{width:100%;height:100%;display:block}.dpai-canvas-starterTemplatePreviewPage{background:var(--color-dpai-inverse);pointer-events:none}.dpai-canvas-starterTemplatePreviewFrame{background:var(--color-dpai-inverse);pointer-events:none;border:0}.dpai-canvas-starterTemplatePreviewContent>i{display:block;position:absolute}.dpai-canvas-starterTemplatePreviewContent>i:first-child{background:var(--template-ink,var(--color-dpai-ink));width:23%;top:.55rem;bottom:.55rem;left:.55rem}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(2){background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);height:1rem;top:.55rem;left:26%;right:.55rem}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(3){background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);inset:1.85rem .55rem .55rem 26%}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(4){background:var(--template-accent,var(--color-dpai-violet));width:16%;height:1.25rem;box-shadow:2.5rem 0 0 var(--template-accent-soft,var(--color-dpai-violet-line)), 5rem 0 0 var(--template-ink,var(--color-dpai-violet-line));top:2.35rem;left:31%}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(5){border-bottom:1.25rem solid var(--template-accent,var(--color-dpai-violet));border-left:1.45rem solid #0000;border-right:1.45rem solid #0000;width:3.8rem;height:0;bottom:1rem;right:1.15rem}.dpai-canvas-designCatalogNotice{background:#ffffff85;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designCatalogNotice{background:color-mix(in srgb, var(--color-dpai-chrome) 52%, transparent)}}.dpai-canvas-designCatalogNotice{border:1px dashed var(--color-dpai-line);border-radius:var(--radius-dpai-panel);color:var(--dpai-muted);font:var(--dpai-weight-semibold) .62rem/1 var(--dpai-font-mono);text-align:center;justify-content:center;min-height:10rem;margin:0;padding:1rem;display:flex}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter{background:linear-gradient(to bottom, #0000, #f8f6fcf5 .42rem, var(--dpai-paper) .42rem)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-dpai-paper) 0%, transparent), color-mix(in srgb, var(--color-dpai-paper) 96%, transparent) .42rem, var(--dpai-paper) .42rem)}}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter{z-index:4;margin:.25rem -1rem -1rem;padding:.9rem 1rem 1rem;position:sticky;bottom:-1rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{background:var(--dpai-violet);border-color:var(--color-dpai-violet-light);box-shadow:inset 0 1px #fff6,inset 0 -2px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 40%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{color:var(--color-dpai-inverse)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction:hover{background:var(--dpai-violet-hover);color:var(--color-dpai-inverse)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingError{background:var(--color-dpai-danger-soft);border-color:var(--color-dpai-danger-line);color:var(--color-dpai-danger)}.dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);color:var(--color-dpai-inverse);min-height:2.25rem;margin-left:auto;padding:0 .8rem;text-decoration:none}.dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction:hover{background:var(--dpai-violet-hover);color:var(--color-dpai-inverse)}.dpai-canvas-mcpOnboardingSelectionSummary{border:0;border-bottom:1px solid var(--color-dpai-line);color:var(--dpai-muted);font-size:var(--dpai-text-caption);background:0 0;border-radius:0;align-items:center;gap:.5rem;min-height:2.35rem;margin-bottom:0;padding:.25rem 0 .75rem;display:flex}.dpai-canvas-mcpOnboardingDialog[data-stage=mode] .dpai-canvas-mcpOnboardingSelectionSummary{border-bottom:0}.dpai-canvas-mcpOnboardingSelectionSummary>span{font:var(--dpai-weight-semibold) .65rem/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:.04em;align-items:center;gap:.3rem;display:inline-flex}.dpai-canvas-mcpOnboardingSelectionSummary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:.85rem;height:.85rem}.dpai-canvas-mcpOnboardingSelectionSummary strong{color:var(--dpai-ink);font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold)}.dpai-canvas-mcpOnboardingSelectionSummary [data-part=palette]{gap:.28rem;margin-left:auto;display:inline-flex}.dpai-canvas-mcpOnboardingSelectionSummary [data-part=palette]>i{border-radius:.28rem;width:1rem;height:1rem;display:block;box-shadow:0 0 0 1px oklch(0% 0 0/.1)}.dpai-canvas-mcpOnboardingSelectionSummary button{color:var(--dpai-violet-dark);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;margin-left:auto;padding:.25rem}.dpai-canvas-mcpOnboardingConnectionAction{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.15rem 0 .15rem;display:grid}.dpai-canvas-mcpOnboardingConnectionAction>span{align-self:center}.dpai-canvas-mcpOnboardingConnectionAction h3{font-family:var(--font-display);font-size:var(--dpai-text-title-sm);letter-spacing:var(--dpai-tracking-title);margin:.55rem 0 0}.dpai-canvas-mcpOnboardingConnectionAction p{color:var(--dpai-muted);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);max-width:35rem;margin:.35rem 0 0}.dpai-canvas-mcpOnboardingConnectionAction .dpai-canvas-mcpOnboardingStatusBadge{display:inline-flex}.dpai-canvas-mcpOnboardingConnectionActions{gap:.5rem;min-width:13.5rem;display:grid}.dpai-canvas-mcpOnboardingConnectionActions>button{white-space:nowrap;align-self:stretch;width:100%}.dpai-canvas-mcpOnboardingConnectionActions>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-mcpOnboardingConnectionAction[data-available=false] .dpai-canvas-mcpOnboardingStatusBadge{background:var(--color-dpai-desk);border-color:var(--color-dpai-line);color:var(--color-dpai-muted)}.dpai-canvas-mcpOnboardingCliSteps{margin:.8rem 0 0;padding:0;list-style:none;display:grid}.dpai-canvas-mcpOnboardingCliStep{grid-template-columns:1.65rem minmax(0,1fr);gap:.7rem;padding-bottom:.65rem;display:grid;position:relative}.dpai-canvas-mcpOnboardingCliStep:last-child{padding-bottom:0}.dpai-canvas-mcpOnboardingCliStep:after{background:var(--color-dpai-line);content:"";z-index:0;width:1px;position:absolute;top:1.55rem;bottom:-.05rem;left:.8rem}.dpai-canvas-mcpOnboardingCliStep[data-state=complete]:after{background:var(--color-dpai-signal)}.dpai-canvas-mcpOnboardingCliStep:last-child:after{display:none}.dpai-canvas-mcpOnboardingCliStepMarker{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line-strong);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/1 var(--dpai-font-mono);z-index:1;border-radius:999px;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:inline-flex;position:relative}.dpai-canvas-mcpOnboardingCliStep[data-state=active] .dpai-canvas-mcpOnboardingCliStepMarker{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-light);box-shadow:0 0 0 4px #7438d01a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingCliStep[data-state=active] .dpai-canvas-mcpOnboardingCliStepMarker{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-dpai-violet) 10%, transparent)}}.dpai-canvas-mcpOnboardingCliStep[data-state=active] .dpai-canvas-mcpOnboardingCliStepMarker{color:var(--dpai-violet-dark)}.dpai-canvas-mcpOnboardingCliStep[data-state=complete] .dpai-canvas-mcpOnboardingCliStepMarker{background:var(--color-dpai-positive-soft);border-color:var(--color-dpai-positive-line);color:var(--color-dpai-positive)}.dpai-canvas-mcpOnboardingCliStepMarker svg{width:1rem;height:1rem}.dpai-canvas-mcpOnboardingCliStepContent{background:var(--color-dpai-chrome);border:1px solid var(--color-dpai-line);border-radius:.8rem;box-shadow:0 1px 2px #241b320d,0 5px 14px -10px #241b3233}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingCliStepContent{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5%, transparent), 0 5px 14px -10px color-mix(in srgb, var(--color-dpai-ink) 20%, transparent)}}.dpai-canvas-mcpOnboardingCliStepContent{min-width:0;padding:.8rem;transition-property:background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.dpai-canvas-mcpOnboardingCliStep[data-state=active] .dpai-canvas-mcpOnboardingCliStepContent{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line);box-shadow:0 1px 2px #241b320f,0 12px 30px -14px #4c1d954d,inset 0 1px #ffffffe6}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingCliStep[data-state=active] .dpai-canvas-mcpOnboardingCliStepContent{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 6%, transparent), 0 12px 30px -14px color-mix(in srgb, var(--color-dpai-violet-dark) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 90%, transparent)}}.dpai-canvas-mcpOnboardingCliStep[data-state=complete] .dpai-canvas-mcpOnboardingCliStepContent{background:var(--color-dpai-positive-soft);border-color:var(--color-dpai-positive-line)}.dpai-canvas-mcpOnboardingCliStepContent>header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.dpai-canvas-mcpOnboardingCliStepContent>header>span:first-child{gap:.16rem;min-width:0;display:grid}.dpai-canvas-mcpOnboardingCliStepContent>header small{color:var(--dpai-muted);font:var(--dpai-weight-semibold) .61rem/1 var(--dpai-font-mono);letter-spacing:.06em;text-transform:uppercase}.dpai-canvas-mcpOnboardingCliStepContent>header strong{color:var(--dpai-ink);font-family:var(--font-display);font-size:var(--dpai-text-body-sm);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-mcpOnboardingCliStepStatus{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) .61rem/1 var(--dpai-font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex:none;padding:.34rem .48rem}.dpai-canvas-mcpOnboardingCliStepStatus[data-state=active]{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-line);color:var(--dpai-violet-dark)}.dpai-canvas-mcpOnboardingCliStepStatus[data-state=complete]{background:var(--color-dpai-positive-soft);border-color:var(--color-dpai-positive-line);color:var(--color-dpai-positive)}.dpai-canvas-mcpOnboardingCliStepContent>p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);margin:.28rem 0 0}.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-agentLogos{border-top:1px solid}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-agentLogos{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent)}}.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-agentLogos{margin-top:.65rem;padding-top:.55rem}.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-connectPanelAction{margin-top:.75rem}.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-instructionFooter{flex-wrap:wrap;justify-content:flex-end}.dpai-canvas-mcpOnboardingCliStepContent>.dpai-canvas-instructionFooter>span{flex:auto}.dpai-canvas-mcpOnboardingCliNavigation{margin-top:.7rem;padding-left:2.35rem;display:flex}.dpai-canvas-mcpOnboardingCliNavigation[data-surface=connection]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-left:0}.dpai-canvas-mcpOnboardingCliNavigation[data-surface=connection] .dpai-canvas-mcpOnboardingSelectionSummary{border-bottom:0;min-height:2.15rem;margin-left:auto;padding:0}.dpai-canvas-mcpOnboardingConnected{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-top:.8rem;padding:.85rem;animation:.17s ease-out mcp-onboarding-step-in;display:grid}.dpai-canvas-mcpOnboardingConnectedMark{background:var(--color-dpai-chrome);border:1px solid var(--color-dpai-violet-line);border-radius:.65rem;align-items:center;box-shadow:0 .3rem .9rem #4c1d9517}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingConnectedMark{box-shadow:0 .3rem .9rem color-mix(in srgb, var(--color-dpai-violet-dark) 9%, transparent)}}.dpai-canvas-mcpOnboardingConnectedMark{color:var(--dpai-violet-dark);justify-content:center;width:2.6rem;height:2.6rem;display:inline-flex}.dpai-canvas-mcpOnboardingConnectedMark svg{width:1.25rem;height:1.25rem}.dpai-canvas-mcpOnboardingConnectedCopy{min-width:0}.dpai-canvas-mcpOnboardingConnectedCopy strong{color:var(--dpai-ink);font-family:var(--font-display);font-size:var(--dpai-text-body-sm);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);display:block}.dpai-canvas-mcpOnboardingConnectedCopy p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);margin:.25rem 0 0}.dpai-canvas-mcpOnboardingConnectedMeta{background:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingConnectedMeta{background:color-mix(in srgb, var(--color-dpai-chrome) 72%, transparent)}}.dpai-canvas-mcpOnboardingConnectedMeta{border:1px solid var(--color-dpai-violet-line);border-radius:.65rem;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.dpai-canvas-mcpOnboardingConnectedMeta>div{min-width:0;padding:.65rem .75rem}.dpai-canvas-mcpOnboardingConnectedMeta>div+div{border-left:1px solid var(--color-dpai-violet-line)}.dpai-canvas-mcpOnboardingConnectedMeta dt{color:var(--dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase}.dpai-canvas-mcpOnboardingConnectedMeta dd{color:var(--dpai-ink);font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;min-width:0;margin:.35rem 0 0;display:flex;overflow:hidden}.dpai-canvas-mcpOnboardingConnectedMeta dd i{background:var(--dpai-signal);border-radius:999px;box-shadow:0 0 0 3px #46d69524}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingConnectedMeta dd i{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-signal) 14%, transparent)}}.dpai-canvas-mcpOnboardingConnectedMeta dd i{flex:none;width:.42rem;height:.42rem}.dpai-canvas-mcpOnboardingConnectedActions{grid-column:1/-1;justify-content:flex-end;display:flex}.dpai-canvas-mcpOnboardingConnectedActions>button{min-width:9.5rem}.dpai-canvas-mcpOnboardingConnectedActions svg{width:.9rem;height:.9rem}.dpai-canvas-mcpOnboardingPrompt{margin-top:.8rem}.dpai-canvas-mcpOnboardingPrompt>header{flex-wrap:wrap;align-items:baseline;gap:.55rem;display:flex}.dpai-canvas-mcpOnboardingPrompt>header strong{font-family:var(--font-display);font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-mcpOnboardingPrompt>header small{color:var(--dpai-muted);font-size:var(--dpai-text-caption)}.dpai-canvas-mcpOnboardingPrompt .dpai-canvas-agentLogos{border-bottom:1px solid var(--color-dpai-desk);margin-top:.55rem;padding-bottom:.55rem}.dpai-canvas-mcpOnboardingPromptPreview{margin-top:.65rem;position:relative;overflow:hidden}.dpai-canvas-mcpOnboardingPromptPreview:after{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#0000,#241b32f0)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingPromptPreview:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-dpai-ink) 0%, transparent), color-mix(in srgb, var(--color-dpai-ink) 94%, transparent))}}.dpai-canvas-mcpOnboardingPromptPreview:after{content:"";pointer-events:none;z-index:1;height:2.6rem;position:absolute;bottom:0;left:0;right:0}.dpai-canvas-mcpOnboardingPromptPreview[data-expanded=true]:after{display:none}.dpai-canvas-mcpOnboardingPromptPreview .dpai-canvas-agentInstruction{max-height:8rem;margin:0;padding-bottom:2.9rem;overflow:hidden}.dpai-canvas-mcpOnboardingPromptPreview[data-expanded=true] .dpai-canvas-agentInstruction{max-height:min(24rem,46dvh);overflow:auto}.dpai-canvas-mcpOnboardingPromptExpand{background:#fffffff0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingPromptExpand{background:color-mix(in srgb, var(--color-dpai-chrome) 94%, transparent)}}.dpai-canvas-mcpOnboardingPromptExpand{border:1px solid #ffffffb3}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingPromptExpand{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 70%, transparent)}}.dpai-canvas-mcpOnboardingPromptExpand{border-radius:999px;bottom:.65rem;box-shadow:0 .25rem .8rem #241b323d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-mcpOnboardingPromptExpand{box-shadow:0 .25rem .8rem color-mix(in srgb, var(--color-dpai-ink) 24%, transparent)}}.dpai-canvas-mcpOnboardingPromptExpand{color:var(--color-dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);z-index:2;gap:.35rem;min-height:1.9rem;padding:0 .7rem;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.dpai-canvas-mcpOnboardingPromptExpand:hover{background:var(--color-dpai-inverse)}.dpai-canvas-mcpOnboardingPromptExpand svg{width:.8rem;height:.8rem}.dpai-canvas-mcpOnboardingPrompt .dpai-canvas-instructionFooter{flex-wrap:wrap}.dpai-canvas-mcpOnboardingPrompt .dpai-canvas-instructionFooter>span{flex:auto}.dpai-canvas-mcpOnboardingBackAction{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.6rem;align-items:center;gap:.4rem;min-height:2.15rem;padding:0 .7rem;text-decoration:none;transition-property:background-color,border-color,color,scale;transition-duration:.12s;transition-timing-function:ease-out;display:inline-flex}.dpai-canvas-mcpOnboardingBackAction:hover{background:var(--color-dpai-desk);border-color:var(--color-dpai-line-strong);color:var(--dpai-ink)}.dpai-canvas-mcpOnboardingBackAction:active{scale:.96}.dpai-canvas-mcpOnboardingBackAction svg{width:.9rem;height:.9rem}@keyframes mcp-onboarding-step-in{0%{opacity:0;transform:translate(.35rem)}to{opacity:1;transform:translate(0)}}@keyframes mcp-onboarding-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mcp-onboarding-dialog-in{0%{opacity:0;transform:translateY(.5rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.dpai-canvas-connectButtonChevron,.dpai-canvas-connectButtonLabel,.dpai-canvas-connectButtonStatus,.dpai-canvas-projectName{display:none}.dpai-canvas-connectButton{width:2rem;padding:0}.dpai-canvas-mcpOnboardingBackdrop{padding:0;inset:auto .75rem 5rem;transform:none}.dpai-canvas-mcpOnboardingBackdrop[data-stage=design]:not([data-locked=true]){height:min(44rem, calc(100dvh - var(--dpai-navbar-height) - 1.5rem));inset:auto .75rem .75rem}.dpai-canvas-mcpOnboardingBackdrop[data-stage=design]:not([data-locked=true]) .dpai-canvas-mcpOnboardingDialog{width:100%;height:100%}.dpai-canvas-mcpOnboardingDialog{border-radius:.9rem;width:100%;max-height:calc(100dvh - 8rem);padding:.75rem}.dpai-canvas-mcpOnboardingMap{grid-template-columns:auto minmax(1.5rem,1fr) auto minmax(1.5rem,1fr) auto;padding-right:3.6rem}.dpai-canvas-starterTemplateGrid,.dpai-canvas-mcpOnboardingConnectionAction{grid-template-columns:minmax(0,1fr)}.dpai-canvas-mcpOnboardingConnectionAction .dpai-canvas-mcpOnboardingPrimaryAction{grid-column:1/-1;width:100%}.dpai-canvas-mcpOnboardingConnectionActions{width:100%;min-width:0}.dpai-canvas-mcpOnboardingConnectedMeta{grid-template-columns:minmax(0,1fr)}.dpai-canvas-mcpOnboardingConnectedMeta>div+div{border-left:0;border-top:1px solid var(--color-dpai-violet-line)}.dpai-canvas-mcpOnboardingConnectedActions>button{width:100%}.dpai-canvas-mcpOnboardingFooter{flex-direction:column;align-items:flex-start}.dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{width:100%}}@media (prefers-reduced-motion:reduce){.dpai-canvas-connectPanel,.dpai-canvas-connectPanelMorph,.dpai-canvas-mcpOnboardingBackdrop,.dpai-canvas-mcpOnboardingDialog,.dpai-canvas-mcpOnboardingConnected,.dpai-canvas-mcpOnboardingStep{animation:none}}.dpai-canvas-designTemplate[data-template=compact-ledger] .dpai-canvas-designTemplateBrandMark{color:#f9fbff;background:#1e1e1e;border:1px solid #393939}.dpai-canvas-designTemplateGrid{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.6rem;display:grid}.dpai-canvas-designTemplate{appearance:none;background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);cursor:pointer;text-align:left;border-radius:.8rem;gap:.65rem;min-width:0;padding:.55rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.dpai-canvas-designTemplate:hover{border-color:var(--color-dpai-line-strong);transform:translateY(-1px)}.dpai-canvas-designTemplate[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d021,0 .5rem 1.2rem #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplate[data-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 13%, transparent), 0 .5rem 1.2rem color-mix(in srgb, var(--color-dpai-ink) 8%, transparent)}}.dpai-canvas-designTemplate:active{transform:scale(.96)}.dpai-canvas-designTemplate:focus-visible{outline-offset:2px}.dpai-canvas-designTemplatePreview{background:var(--color-dpai-desk);border:1px solid #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplatePreview{border:1px solid color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-designTemplatePreview{border-radius:var(--radius-dpai-control);height:6.25rem;display:block;position:relative;overflow:hidden}.dpai-canvas-designTemplatePreview i{display:block;position:absolute}.dpai-canvas-designTemplatePreview[data-template=blank]{background:#fff}.dpai-canvas-designTemplatePreview[data-template=blank] i:first-child{display:none}.dpai-canvas-designTemplatePreview[data-template=blank] i:nth-child(2),.dpai-canvas-designTemplatePreview[data-template=blank] i:nth-child(3){background:#b8b2be;width:1.15rem;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.dpai-canvas-designTemplatePreview[data-template=blank] i:nth-child(3){transform:translate(-50%,-50%)rotate(90deg)}.dpai-canvas-designTemplatePreview[data-template=blank] i:nth-child(4),.dpai-canvas-designTemplatePreview[data-template=blank] i:nth-child(5){display:none}.dpai-canvas-designTemplatePreview[data-template=quiet-product]{background:#eeefeb}.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:first-child{background:#27282a;width:1.8rem;height:.32rem;top:.7rem;left:.75rem}.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:nth-child(2){background:#fff;border:1px solid #d6d7d2;width:46%;top:1.45rem;bottom:.6rem;left:.6rem}.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:nth-child(3){background:#242526;width:27%;height:.42rem;top:2rem;left:.95rem}.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:nth-child(4),.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:nth-child(5){background:#c8cbc4;width:31%;height:.2rem;top:2.85rem;left:.95rem}.dpai-canvas-designTemplatePreview[data-template=quiet-product] i:nth-child(5){width:22%;top:3.25rem}.dpai-canvas-designTemplatePreview[data-template=mindmarket]{background:#f5f1e4}.dpai-canvas-designTemplatePreview[data-template=mindmarket] i:first-child{background:#8ed462;width:2.8rem;height:.3rem;top:.65rem;left:.7rem}.dpai-canvas-designTemplatePreview[data-template=mindmarket] i:nth-child(2){background:#fff;border:1px solid #2c2e2a;border-radius:.65rem;inset:1.3rem .55rem .55rem}.dpai-canvas-designTemplatePreview[data-template=mindmarket] i:nth-child(3){background:#2c2e2a;width:58%;height:.56rem;top:1.8rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=mindmarket] i:nth-child(4){background:#2ba0ff;border-radius:999px;width:.55rem;height:.55rem;top:2.75rem;left:.9rem;box-shadow:1.15rem 0 #f5e211}.dpai-canvas-designTemplatePreview[data-template=mindmarket] i:nth-child(5){background:#ff705d;width:38%;height:.2rem;top:3.65rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova]{background:#fafafa}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova] i:first-child{background:#fff;border-radius:.55rem;width:58%;top:.6rem;bottom:.6rem;left:.6rem;box-shadow:0 0 0 1px #e5e5e5}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova] i:nth-child(2){background:#171717;border-radius:.42rem;width:1.65rem;height:.65rem;top:1rem;left:.95rem}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova] i:nth-child(3){background:#737373;border-radius:999px;width:33%;height:.16rem;top:2.15rem;left:.95rem;box-shadow:0 .44rem #d4d4d4,0 .88rem #e5e5e5}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova] i:nth-child(4){background:#f5f5f5;border-radius:.55rem;width:32%;top:.6rem;bottom:.6rem;right:.6rem;box-shadow:0 0 0 1px #e5e5e5}.dpai-canvas-designTemplatePreview[data-template=shadcn-nova] i:nth-child(5){background:#171717;border-radius:999px;width:.42rem;height:.42rem;top:1.05rem;right:1.05rem}.dpai-canvas-designTemplatePreview[data-template=metaview]{background:#000a06}.dpai-canvas-designTemplatePreview[data-template=metaview]:before{content:"";background:radial-gradient(circle,#0064468c 0%,#003c2833 42%,#0000 72%);position:absolute;inset:0}.dpai-canvas-designTemplatePreview[data-template=metaview] i:first-child{background:#0a1a14;border:1px solid #14291f;border-radius:.5rem;inset:.62rem}.dpai-canvas-designTemplatePreview[data-template=metaview] i:nth-child(2){background:#07110d;border-right:1px solid #163024;border-radius:.4rem 0 0 .4rem;width:20%;top:.94rem;bottom:.94rem;left:.94rem}.dpai-canvas-designTemplatePreview[data-template=metaview] i:nth-child(3){background:#e3ffef;border-radius:.25rem;width:12%;height:.36rem;top:1.28rem;left:1.12rem}.dpai-canvas-designTemplatePreview[data-template=metaview] i:nth-child(4){background:#161818;border:1px solid #1d3329;border-radius:.38rem;height:1.65rem;top:1.08rem;left:31%;right:.96rem}.dpai-canvas-designTemplatePreview[data-template=metaview] i:nth-child(5){background:#7affb4;border-radius:999px;width:22%;height:.46rem;bottom:1.08rem;right:1.08rem}.dpai-canvas-designTemplatePreview[data-template=lime-ledger]{background:#f7f7f2}.dpai-canvas-designTemplatePreview[data-template=lime-ledger] i:first-child{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;inset:.55rem}.dpai-canvas-designTemplatePreview[data-template=lime-ledger] i:nth-child(2){background:#0c0a08;border-radius:999px;width:34%;height:.24rem;top:.9rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=lime-ledger] i:nth-child(3){background:#e4f222;border-radius:.18rem;width:.24rem;top:1.45rem;bottom:.92rem;left:.86rem}.dpai-canvas-designTemplatePreview[data-template=lime-ledger] i:nth-child(4){background:#b8baae;height:.12rem;top:1.55rem;left:1.35rem;right:.92rem;box-shadow:0 .52rem #e5e7eb,0 1.04rem #e5e7eb}.dpai-canvas-designTemplatePreview[data-template=lime-ledger] i:nth-child(5){background:#e4f222;border:1px solid #c9d61e;border-radius:.36rem;width:28%;height:.52rem;bottom:.8rem;right:.82rem}.dpai-canvas-designTemplatePreview[data-template=signal-blue]{background:#eaf0ff}.dpai-canvas-designTemplatePreview[data-template=signal-blue] i:first-child{background:#101b3f;border-radius:999px;width:2.2rem;height:.28rem;top:.65rem;left:.7rem}.dpai-canvas-designTemplatePreview[data-template=signal-blue] i:nth-child(2){background:#fff;border:1px solid #c7d7fe;border-radius:.6rem;inset:1.25rem .55rem .55rem}.dpai-canvas-designTemplatePreview[data-template=signal-blue] i:nth-child(3){background:#1746d1;border-radius:999px;width:42%;height:.52rem;top:1.75rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=signal-blue] i:nth-child(4){background:#22d3ee;border-radius:50%;width:27%;top:1.65rem;bottom:.85rem;right:.95rem}.dpai-canvas-designTemplatePreview[data-template=signal-blue] i:nth-child(5){background:#9dafdb;width:31%;height:.18rem;top:2.65rem;left:.9rem;box-shadow:0 .42rem #d0daf3}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce]{background:#fff3b5}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce] i:first-child{background:#15283b;height:.3rem;top:.62rem;left:.65rem;right:.65rem}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce] i:nth-child(2){background:#fff;border-radius:.85rem;inset:1.25rem .55rem .55rem}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce] i:nth-child(3){background:#ff6b4a;border-radius:45% 55% 52% 48%;width:30%;top:1.55rem;bottom:.8rem;right:.85rem}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce] i:nth-child(4){background:#15283b;border-radius:999px;width:40%;height:.5rem;top:1.75rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=citrus-commerce] i:nth-child(5){background:#ffd84d;border:1px solid #15283b;border-radius:999px;width:24%;height:.72rem;top:2.75rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=paper-journal]{background:#f7f1e7}.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:first-child{background:#28211e;height:1px;top:.82rem;left:.6rem;right:.6rem}.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:nth-child(2){background:#9a3d52;width:37%;top:1.3rem;bottom:.62rem;left:.62rem}.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:nth-child(3){background:#28211e;width:46%;height:.6rem;top:1.35rem;right:.65rem}.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:nth-child(4),.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:nth-child(5){background:#9b9188;width:46%;height:1px;top:2.5rem;right:.65rem}.dpai-canvas-designTemplatePreview[data-template=paper-journal] i:nth-child(5){width:34%;top:2.95rem}.dpai-canvas-designTemplatePreview[data-template=atelier-mono]{background:#f2f2f0}.dpai-canvas-designTemplatePreview[data-template=atelier-mono] i:first-child{background:#171717;width:2.4rem;height:.3rem;top:.62rem;left:.6rem}.dpai-canvas-designTemplatePreview[data-template=atelier-mono] i:nth-child(2){background:#171717;width:42%;top:1.2rem;bottom:.55rem;right:.55rem}.dpai-canvas-designTemplatePreview[data-template=atelier-mono] i:nth-child(3){background:#f04a2a;width:.34rem;top:1.2rem;bottom:.55rem;right:44%}.dpai-canvas-designTemplatePreview[data-template=atelier-mono] i:nth-child(4){background:#171717;width:37%;height:.68rem;top:1.45rem;left:.62rem}.dpai-canvas-designTemplatePreview[data-template=atelier-mono] i:nth-child(5){background:#878787;width:29%;height:1px;top:2.65rem;left:.62rem;box-shadow:0 .42rem #b8b8b5}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger]{background:#dcf3e7}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger] i:first-child{background:#fff;border:1px solid #bfdccf;border-radius:.7rem;inset:.55rem}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger] i:nth-child(2){background:#087a53;border-radius:999px;width:28%;height:.38rem;top:1rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger] i:nth-child(3){background:#12362a;width:43%;height:.62rem;top:1.9rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger] i:nth-child(4){background:#52c98b;border-radius:.2rem .2rem 0 0;width:.48rem;bottom:.85rem;right:2.55rem;box-shadow:.75rem 0 #a9e3c5,1.5rem 0 #087a53}.dpai-canvas-designTemplatePreview[data-template=emerald-ledger] i:nth-child(5){background:#087a53;border-radius:999px;width:24%;height:.55rem;bottom:.9rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=amber-metrics]{background:#f1eee4}.dpai-canvas-designTemplatePreview[data-template=amber-metrics] i:first-child{background:#17243e;width:23%;top:.55rem;bottom:.55rem;left:.55rem}.dpai-canvas-designTemplatePreview[data-template=amber-metrics] i:nth-child(2){background:#fff;border:1px solid #d8d5cc;inset:.55rem .55rem .55rem 26%}.dpai-canvas-designTemplatePreview[data-template=amber-metrics] i:nth-child(3){background:#f5a524;border-radius:50%;width:1.45rem;height:1.45rem;top:1.25rem;left:34%}.dpai-canvas-designTemplatePreview[data-template=amber-metrics] i:nth-child(4){background:#17243e;width:27%;height:.18rem;top:1.35rem;right:.95rem;box-shadow:0 .46rem #9aa0ad,0 .92rem #d8d5cc}.dpai-canvas-designTemplatePreview[data-template=amber-metrics] i:nth-child(5){background:#f5a524;border-radius:999px;width:20%;height:.46rem;bottom:.9rem;right:.95rem}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit]{background:#dceef1}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:first-child{background:#1a5754;border-radius:999px;width:3.25rem;height:3.25rem;top:-.6rem;right:-.55rem}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:nth-child(2){background:#fffdf8;border:1px solid #b9d3d5;border-radius:.5rem;inset:1.3rem .55rem .55rem}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:nth-child(3){background:#1a5754;border-radius:999px;width:2.7rem;height:.48rem;top:1.75rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:nth-child(4),.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:nth-child(5){background:#a9c5c5;border-radius:999px;width:54%;height:.22rem;top:2.55rem;left:.9rem}.dpai-canvas-designTemplatePreview[data-template=friendly-toolkit] i:nth-child(5){background:#e8805f;width:1.25rem;height:1.25rem;top:3.1rem;left:auto;right:.9rem}.dpai-canvas-designTemplateMeta{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;padding:0 .15rem .1rem;display:grid}.dpai-canvas-designTemplateMeta>span{gap:.18rem;display:grid}.dpai-canvas-designTemplateMeta strong{font-family:var(--font-display);font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-canvas-designTemplateMeta small{color:var(--dpai-muted);font-size:.68rem;line-height:var(--dpai-leading-compact)}.dpai-canvas-designTemplateRadio{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line-strong);border-radius:999px;width:.9rem;height:.9rem;margin-top:.05rem;box-shadow:inset 0 0 0 3px #fff}.dpai-canvas-designTemplate[data-selected=true] .dpai-canvas-designTemplateRadio{background:var(--dpai-violet);border-color:var(--dpai-violet)}.dpai-canvas-designTemplateAccessBadge{background:var(--color-dpai-violet-dark);border:1px solid #ffffff73}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateAccessBadge{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 45%, transparent)}}.dpai-canvas-designTemplateAccessBadge{border-radius:999px;box-shadow:0 .25rem .75rem #4c1d952e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateAccessBadge{box-shadow:0 .25rem .75rem color-mix(in srgb, var(--color-dpai-violet-dark) 18%, transparent)}}.dpai-canvas-designTemplateAccessBadge{color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) .67rem/1 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;z-index:5;padding:.34rem .52rem;position:absolute;top:.65rem;right:.65rem}.dpai-canvas-designTemplateAccessBadge[data-status=draft]{background:var(--color-dpai-warning-soft);border-color:var(--color-dpai-warning-line);color:var(--color-dpai-warning)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateGrid{grid-template-columns:minmax(0,1fr);gap:.75rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate{color:var(--dpai-ink);background:0 0;border:0;border-radius:1.15rem;gap:.7rem;padding:0}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate:hover{transform:translateY(-2px)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-selected=true]{box-shadow:none}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-template=blank]{background:#fff;border:1px solid #e8e5eb;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;width:100%;margin-bottom:.8rem;padding:.5rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-template=blank]:hover{box-shadow:none;border-width:2px;border-color:#bba8f2}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-template=blank][data-selected=true]{border-color:var(--dpai-violet);box-shadow:none;border-width:2px}.dpai-canvas-designTemplate[data-template=blank][data-selected=true] .dpai-canvas-designTemplateMedia{box-shadow:none;border-color:#0000}.dpai-canvas-designTemplate[data-template=blank] .dpai-canvas-designTemplateMedia{aspect-ratio:1.75;background:0 0;border:0;border-radius:0;padding:0}.dpai-canvas-designTemplate[data-template=blank]:hover .dpai-canvas-designTemplateMedia{background:0 0}.dpai-canvas-designTemplate[data-template=blank] .dpai-canvas-designTemplatePreview{border:0;border-radius:0}.dpai-canvas-designTemplate[data-template=blank] .dpai-canvas-designTemplateMeta{padding-right:.45rem}.dpai-canvas-designTemplate[data-template=blank] .dpai-canvas-designTemplateRadio{display:none}.dpai-canvas-designTemplateMedia{aspect-ratio:1.45;background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);border-radius:1.15rem;place-items:stretch stretch;padding:.75rem;transition:background .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.dpai-canvas-designTemplate:hover .dpai-canvas-designTemplateMedia{background:var(--color-dpai-desk);border-color:var(--color-dpai-violet-line);box-shadow:none;border-width:2px}.dpai-canvas-designTemplate[data-selected=true] .dpai-canvas-designTemplateMedia{border-color:var(--dpai-violet);box-shadow:none;border-width:2px}.dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplateMedia>video,.dpai-canvas-designTemplateMedia>.dpai-canvas-designTemplatePreview,.dpai-canvas-designTemplateMedia>.dpai-canvas-designTemplateShader{object-fit:cover;border-radius:.58rem;width:100%;height:100%}.dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplateMedia>video{opacity:0;z-index:2;transition:opacity .18s;position:relative}.dpai-canvas-designTemplateMedia[data-preview-status=ready]>img,.dpai-canvas-designTemplateMedia[data-preview-status=ready]>video{opacity:1}.dpai-canvas-designTemplateMedia[data-preview-status=error]>img,.dpai-canvas-designTemplateMedia[data-preview-status=error]>video{visibility:hidden}.dpai-canvas-designTemplateSkeleton{background:linear-gradient(var(--color-dpai-line) 0 0) 10% 12% / 24% 5% no-repeat, linear-gradient(var(--color-dpai-line) 0 0) 10% 23% / 54% 8% no-repeat, linear-gradient(var(--color-dpai-line) 0 0) 10% 40% / 80% 47% no-repeat, var(--color-dpai-desk);pointer-events:none;z-index:1;border-radius:.58rem;transition:opacity .18s,visibility 0s linear .18s;position:absolute;inset:.75rem;overflow:hidden}.dpai-canvas-designTemplateSkeleton:after{background:linear-gradient(105deg,#0000 30%,#ffffffa3 48%,#0000 66%);animation:1.25s ease-in-out infinite dpai-template-preview-scan}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateSkeleton:after{background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--color-dpai-chrome) 64%, transparent) 48%, transparent 66%)}}.dpai-canvas-designTemplateSkeleton:after{content:"";position:absolute;inset:0;transform:translate(-75%)}.dpai-canvas-designTemplateMedia[data-preview-status=ready]>.dpai-canvas-designTemplateSkeleton,.dpai-canvas-designTemplateMedia[data-preview-status=error]>.dpai-canvas-designTemplateSkeleton{opacity:0;visibility:hidden}.dpai-canvas-designTemplateMedia[data-preview-status=loading]>.dpai-canvas-designTemplateSource,.dpai-canvas-designTemplateMedia[data-preview-status=loading]>.dpai-canvas-designTemplateCuration{opacity:0}.dpai-canvas-designTemplateReferenceShader{pointer-events:none;z-index:0;position:absolute;inset:0}.dpai-canvas-designTemplateReferenceShader>canvas{width:100%;height:100%}.dpai-canvas-designTemplateShader{background:#d77b5f;display:block;position:relative;overflow:hidden}.dpai-canvas-designTemplateShaderCanvas{pointer-events:none;position:absolute;inset:0}.dpai-canvas-designTemplateShaderCanvas>canvas{width:100%;height:100%}.dpai-canvas-designTemplateShaderPanel{background:var(--color-dpai-ink);border:1px solid #fff8f024;border-radius:.48rem;padding:.42rem;display:block;position:absolute;inset:12% 9%;box-shadow:0 .8rem 1.4rem #37150f38}.dpai-canvas-designTemplateShaderPanel>i{opacity:.88;background:#f7f0e8;border-radius:999px;width:27%;height:.18rem;margin-inline:auto;display:block}.dpai-canvas-designTemplateShaderPanel>i:nth-child(2){opacity:.32;width:18%;margin-top:.2rem}.dpai-canvas-designTemplateShaderPlans{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin-top:.46rem;display:grid}.dpai-canvas-designTemplateShaderPlans>b{border:1px solid #f7f0e821;border-radius:.3rem;padding:.34rem;display:block}.dpai-canvas-designTemplateShaderPlans i{background:#f7f0e842;border-radius:999px;width:78%;height:.12rem;margin-top:.2rem;display:block}.dpai-canvas-designTemplateShaderPlans i:first-child{background:#f7f0e8;width:46%;height:.22rem;margin-top:0}.dpai-canvas-designTemplateShaderPlans i:last-child{background:#d97757;width:58%;height:.2rem;margin-top:.3rem}.dpai-canvas-designTemplateMedia>video{background:var(--color-dpai-line)}.dpai-canvas-designTemplate[data-template=lime-ledger] .dpai-canvas-designTemplateMedia>img{object-position:center top}.dpai-canvas-designTemplate[data-template=command-orbit] .dpai-canvas-designTemplateMedia>img{object-position:center 26%}.dpai-canvas-designTemplate[data-template=violet-rail] .dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplate[data-template=conversation-spine] .dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplate[data-template=record-grid] .dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplate[data-template=decision-field] .dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplate[data-template=handoff-loop] .dpai-canvas-designTemplateMedia>img,.dpai-canvas-designTemplate[data-template=progress-weave] .dpai-canvas-designTemplateMedia>img{object-position:center top}.dpai-canvas-designTemplateSource{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateSource{background:color-mix(in srgb, var(--color-dpai-chrome) 88%, transparent)}}.dpai-canvas-designTemplateSource{border:1px solid #ffffffbf}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateSource{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 75%, transparent)}}.dpai-canvas-designTemplateSource{border-radius:.38rem;bottom:1rem;box-shadow:0 1px 4px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateSource{box-shadow:0 1px 4px color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-designTemplateSource{pointer-events:none;z-index:2;min-height:1.35rem;padding:.2rem .34rem;display:inline-flex;position:absolute;right:1rem}.dpai-canvas-designTemplateSource>img{width:auto;height:.62rem;display:block}.dpai-canvas-designTemplateSource>span{color:var(--color-dpai-ink);font:var(--dpai-weight-semibold) .52rem/1 var(--dpai-font-sans);letter-spacing:.01em;white-space:nowrap}.dpai-canvas-designTemplate[data-template=command-orbit] .dpai-canvas-designTemplateSource{background:#07080ae0;border-color:#ffffff24}.dpai-canvas-designTemplate[data-template=command-orbit] .dpai-canvas-designTemplateSource>img{height:.75rem}.dpai-canvas-designTemplate[data-template=violet-rail] .dpai-canvas-designTemplateSource{background:#13111ce6;border-color:#ffffff29}.dpai-canvas-designTemplate[data-template=violet-rail] .dpai-canvas-designTemplateSource>img{background:#fff;border-radius:999px;width:.84rem;height:.84rem}.dpai-canvas-designTemplate[data-template=record-grid] .dpai-canvas-designTemplateSource>img{height:.74rem}.dpai-canvas-designTemplate[data-template=decision-field] .dpai-canvas-designTemplateSource>img,.dpai-canvas-designTemplate[data-template=handoff-loop] .dpai-canvas-designTemplateSource>img{height:.84rem}.dpai-canvas-designTemplateCuration{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#241b32e0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateCuration{background:color-mix(in srgb, var(--color-dpai-ink) 88%, transparent)}}.dpai-canvas-designTemplateCuration{border:1px solid #ffffff2e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateCuration{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 18%, transparent)}}.dpai-canvas-designTemplateCuration{color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) .52rem/1 var(--dpai-font-sans);letter-spacing:.01em;pointer-events:none;z-index:2;border-radius:999px;gap:.25rem;min-height:1.35rem;padding:.2rem .42rem;display:inline-flex;position:absolute;top:1rem;left:1rem}.dpai-canvas-designTemplateCuration svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.62rem;height:.62rem}@keyframes dpai-template-preview-scan{0%{transform:translate(-75%)}to{transform:translate(75%)}}.dpai-canvas-designTemplateMedia>.dpai-canvas-designTemplatePreview{border-color:#241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateMedia>.dpai-canvas-designTemplatePreview{border-color:color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateMeta{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:0 .12rem .1rem}.dpai-canvas-designTemplateBrandMark{background:var(--color-dpai-paper);border:1px solid #ffffff29;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplateBrandMark{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 16%, transparent)}}.dpai-canvas-designTemplateBrandMark{color:var(--color-dpai-ink);font:var(--dpai-weight-semibold) .82rem/1 var(--dpai-font-mono);border-radius:.68rem;justify-content:center;width:2.15rem;height:2.15rem;display:inline-flex}.dpai-canvas-designTemplateBrandMark[data-logo=true]{overflow:hidden}.dpai-canvas-designTemplateBrandMark>img{width:auto;height:1rem;display:block}.dpai-canvas-designTemplate[data-template=quiet-product] .dpai-canvas-designTemplateBrandMark{color:#fafafa;background:#17181c}.dpai-canvas-designTemplate[data-template=mindmarket] .dpai-canvas-designTemplateBrandMark{color:#183010;background:#8ed462}.dpai-canvas-designTemplate[data-template=shadcn-nova] .dpai-canvas-designTemplateBrandMark{color:#0d0e10;background:#fafafa;border-color:#3d3f46}.dpai-canvas-designTemplate[data-template=metaview] .dpai-canvas-designTemplateBrandMark{color:#000a06;background:#7affb4;border-color:#7affb4}.dpai-canvas-designTemplate[data-template=grain-noir] .dpai-canvas-designTemplateBrandMark{color:#f2a186;background:#292824;border-color:#d97757}.dpai-canvas-designTemplate[data-template=lime-ledger] .dpai-canvas-designTemplateBrandMark{color:#0c0a08;background:#e4f222;border-color:#c9d61e}.dpai-canvas-designTemplate[data-template=open-schedule] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#242424;border-color:#242424}.dpai-canvas-designTemplate[data-template=open-schedule] .dpai-canvas-designTemplateBrandMark>img{width:100%;height:100%}.dpai-canvas-designTemplate[data-template=command-orbit] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#141414;border-color:#ffffff26}.dpai-canvas-designTemplate[data-template=command-orbit] .dpai-canvas-designTemplateBrandMark>img{width:100%;height:100%}.dpai-canvas-designTemplate[data-template=violet-rail] .dpai-canvas-designTemplateBrandMark{color:#13111c;background:#f6f6f6;border-color:#553f83}.dpai-canvas-designTemplate[data-template=violet-rail] .dpai-canvas-designTemplateBrandMark>img{width:100%;height:100%}.dpai-canvas-designTemplate[data-template=conversation-spine] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#0007cb;border-color:#000ce1}.dpai-canvas-designTemplate[data-template=record-grid] .dpai-canvas-designTemplateBrandMark{color:#1c1d1f;background:#fff;border-color:#cad0d9}.dpai-canvas-designTemplate[data-template=record-grid] .dpai-canvas-designTemplateBrandMark>img{height:1.12rem}.dpai-canvas-designTemplate[data-template=decision-field] .dpai-canvas-designTemplateBrandMark{color:#1c1c1e;background:#fde050;border-color:#d9c13f}.dpai-canvas-designTemplate[data-template=decision-field] .dpai-canvas-designTemplateBrandMark>img{width:100%;height:100%}.dpai-canvas-designTemplate[data-template=handoff-loop] .dpai-canvas-designTemplateBrandMark{color:#000;background:#fff;border-color:#d6d6d6}.dpai-canvas-designTemplate[data-template=handoff-loop] .dpai-canvas-designTemplateBrandMark>img{width:auto;height:1.35rem}.dpai-canvas-designTemplate[data-template=progress-weave] .dpai-canvas-designTemplateBrandMark{color:#001f1f;background:#cdface;border-color:#33b88c;border-radius:999px;width:auto;min-width:4.4rem;padding-inline:.52rem}.dpai-canvas-designTemplate[data-template=progress-weave] .dpai-canvas-designTemplateBrandMark>span{font:var(--dpai-weight-semibold) .52rem/1 var(--dpai-font-sans);letter-spacing:.01em;white-space:nowrap}.dpai-canvas-designTemplate[data-template=sunlit-ledger] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=signal-lens] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=briefing-axis] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=provenance-thread] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=resolution-loop] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=sample-stitch] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=specimen-stack] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=workaround-dock] .dpai-canvas-designTemplateBrandMark,.dpai-canvas-designTemplate[data-template=evidence-matrix] .dpai-canvas-designTemplateBrandMark{border-radius:999px;width:auto;min-width:4.8rem;padding-inline:.5rem}.dpai-canvas-designTemplate[data-template=sunlit-ledger] .dpai-canvas-designTemplateBrandMark{color:#1d1e1c;background:#fbf5f0;border-color:#fa5d00}.dpai-canvas-designTemplate[data-template=signal-lens] .dpai-canvas-designTemplateBrandMark{color:#0a558a;background:#e8f4fb;border-color:#3ba6f1}.dpai-canvas-designTemplate[data-template=briefing-axis] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#020517;border-color:#a7c6f2;min-width:5.3rem}.dpai-canvas-designTemplate[data-template=provenance-thread] .dpai-canvas-designTemplateBrandMark{color:#006b49;background:#e8f7f1;border-color:#0c8c5e;min-width:5.2rem}.dpai-canvas-designTemplate[data-template=resolution-loop] .dpai-canvas-designTemplateBrandMark{color:#1956f3;background:#eaf1ff;border-color:#397dff;min-width:5.3rem}.dpai-canvas-designTemplate[data-template=sample-stitch] .dpai-canvas-designTemplateBrandMark{color:#0e4749;background:#e9f1f1;border-color:#2a7779;min-width:6.2rem}.dpai-canvas-designTemplate[data-template=specimen-stack] .dpai-canvas-designTemplateBrandMark{color:#2b2926;background:#fdffa2;border-color:#5c5618;min-width:5.6rem}.dpai-canvas-designTemplate[data-template=workaround-dock] .dpai-canvas-designTemplateBrandMark{color:#071a31;background:#d9ecff;border-color:#3860be;min-width:5.6rem}.dpai-canvas-designTemplate[data-template=evidence-matrix] .dpai-canvas-designTemplateBrandMark{color:#130e30;background:#ffe228;border-color:#766000;min-width:6rem}.dpai-canvas-designTemplate[data-template=sunlit-ledger] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=signal-lens] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=briefing-axis] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=provenance-thread] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=resolution-loop] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=sample-stitch] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=specimen-stack] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=workaround-dock] .dpai-canvas-designTemplateBrandMark>span,.dpai-canvas-designTemplate[data-template=evidence-matrix] .dpai-canvas-designTemplateBrandMark>span{font:var(--dpai-weight-semibold) .52rem/1 var(--dpai-font-sans);letter-spacing:0;white-space:nowrap}.dpai-canvas-designTemplate[data-template=signal-blue] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#1746d1}.dpai-canvas-designTemplate[data-template=citrus-commerce] .dpai-canvas-designTemplateBrandMark{color:#15283b;background:#ffd84d}.dpai-canvas-designTemplate[data-template=paper-journal] .dpai-canvas-designTemplateBrandMark{color:#5d2432;background:#f7f1e7}.dpai-canvas-designTemplate[data-template=atelier-mono] .dpai-canvas-designTemplateBrandMark{color:#f04a2a;background:#171717}.dpai-canvas-designTemplate[data-template=emerald-ledger] .dpai-canvas-designTemplateBrandMark{color:#fff;background:#087a53}.dpai-canvas-designTemplate[data-template=amber-metrics] .dpai-canvas-designTemplateBrandMark{color:#17243e;background:#f5a524}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateMeta>span:nth-child(2){gap:.26rem;min-width:0}.dpai-canvas-designTemplateSignals{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;margin-top:.12rem;display:flex}.dpai-canvas-designTemplatePalette{flex:none;align-items:center;gap:0;display:inline-flex}.dpai-canvas-designTemplatePaletteSwatch{border:1px solid #241b3224}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplatePaletteSwatch{border:1px solid color-mix(in srgb, var(--color-dpai-ink) 14%, transparent)}}.dpai-canvas-designTemplatePaletteSwatch{border-radius:999px;box-shadow:0 0 0 1px #ffffffb8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTemplatePaletteSwatch{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-chrome) 72%, transparent)}}.dpai-canvas-designTemplatePaletteSwatch{width:.72rem;height:.72rem;margin-left:-.14rem;display:block}.dpai-canvas-designTemplatePaletteSwatch:first-child{margin-left:0}.dpai-canvas-designTemplateUsage{color:var(--color-dpai-muted);font-family:var(--dpai-font-mono);white-space:nowrap;align-items:center;gap:.24rem;min-width:0;font-size:.56rem;font-weight:500;line-height:1.15;display:inline-flex}.dpai-canvas-designTemplateUsage svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;flex:none;width:.68rem;height:.68rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateMeta strong{color:var(--dpai-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateMeta>span:nth-child(2)>small{color:var(--dpai-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-designTemplate[data-template=blank] .dpai-canvas-designTemplateSignals{max-width:18rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateRadio{background:var(--color-dpai-inverse);border-color:var(--color-dpai-line-strong);width:1rem;height:1rem;box-shadow:inset 0 0 0 3px #fff}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-selected=true] .dpai-canvas-designTemplateRadio{background:var(--color-dpai-violet-light);border-color:var(--color-dpai-violet-line)}@media (width<=1100px){.dpai-canvas-starterTemplateGrid,.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dpai-canvas-designTemplateGrid{grid-template-columns:1fr}.dpai-canvas-designTemplate{grid-template-columns:7.25rem minmax(0,1fr);align-items:center}.dpai-canvas-designTemplatePreview{height:4.5rem}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate{grid-template-columns:minmax(0,1fr);align-items:stretch}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplate[data-template=blank],.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateGrid{grid-template-columns:minmax(0,1fr)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplatePreview{height:100%}}@media (prefers-reduced-motion:reduce){.dpai-canvas-designTemplate{transition:none}.dpai-canvas-designTemplate:active{transform:none}.dpai-canvas-designTemplateMedia{transition:none}.dpai-canvas-designTemplateSkeleton:after{animation:none;transform:none}}.dpai-canvas-themePaywallBackdrop{background:#241b3294;align-items:center;animation:.16s ease-out mcp-onboarding-backdrop-in}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallBackdrop{background:color-mix(in srgb, var(--color-dpai-ink) 58%, transparent)}}.dpai-canvas-themePaywallBackdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:180;justify-content:center;padding:1rem;display:flex;position:fixed;inset:0}.dpai-canvas-themePaywallDialog{background:var(--color-dpai-violet-soft);border:1px solid #7438d03d;animation:.19s cubic-bezier(.2,.8,.2,1) mcp-onboarding-dialog-in}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallDialog{border:1px solid color-mix(in srgb, var(--color-dpai-violet) 24%, transparent)}}.dpai-canvas-themePaywallDialog{border-radius:1.35rem;box-shadow:0 2rem 7rem #241b3259}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallDialog{box-shadow:0 2rem 7rem color-mix(in srgb, var(--color-dpai-ink) 35%, transparent)}}.dpai-canvas-themePaywallDialog{color:var(--dpai-ink);width:min(66rem,100%);max-height:calc(100dvh - 2rem);padding:1.05rem;position:relative;overflow:auto}.dpai-canvas-themePaywallShader{pointer-events:none;z-index:0;position:absolute;inset:0}.dpai-canvas-themePaywallShader>canvas{width:100%;height:100%}.dpai-canvas-themePaywallWash{background:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallWash{background:color-mix(in srgb, var(--color-dpai-chrome) 12%, transparent)}}.dpai-canvas-themePaywallWash{pointer-events:none;z-index:1;position:absolute;inset:0}.dpai-canvas-themePaywallContent{z-index:2;grid-template-columns:minmax(0,31rem) minmax(0,1fr);gap:1rem;display:grid;position:relative}.dpai-canvas-themePaywallCheckout{width:100%;min-width:0;max-width:31rem;margin:0 auto}.dpai-canvas-themePaywallClose{background:#ffffff9e;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallClose{background:color-mix(in srgb, var(--color-dpai-chrome) 62%, transparent)}}.dpai-canvas-themePaywallClose{border:1px solid #ffffffa6}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallClose{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 65%, transparent)}}.dpai-canvas-themePaywallClose{color:var(--dpai-muted);cursor:pointer;z-index:4;border-radius:.55rem;justify-content:center;width:2rem;height:2rem;padding:0;display:inline-flex;position:absolute;top:.8rem;right:.8rem}.dpai-canvas-themePaywallClose:hover{background:var(--color-dpai-desk);border-color:var(--color-dpai-line);color:var(--dpai-ink)}.dpai-canvas-themePaywallClose:focus-visible,.dpai-canvas-themePaywallChangePayment:focus-visible,.dpai-canvas-themePaywallUpgrade:focus-visible,.dpai-canvas-themePaywallPlain:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-themePaywallClose svg{width:.95rem;height:.95rem}.dpai-canvas-themePaywallIntro{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;align-items:start}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallIntro{background:color-mix(in srgb, var(--color-dpai-chrome) 68%, transparent)}}.dpai-canvas-themePaywallIntro{border:1px solid #ffffff9e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallIntro{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 62%, transparent)}}.dpai-canvas-themePaywallIntro{z-index:2;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:.85rem 3rem .85rem .85rem;display:grid;position:relative}.dpai-canvas-themePaywallMark{--theme-preview-accent:var(--color-dpai-violet);--theme-preview-ink:var(--color-dpai-ink);--theme-preview-surface:var(--color-dpai-violet-soft);background:var(--theme-preview-surface);border:1px solid var(--theme-preview-accent)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallMark{border:1px solid color-mix(in srgb, var(--theme-preview-accent), white 52%)}}.dpai-canvas-themePaywallMark{border-radius:var(--radius-dpai-surface);width:3.25rem;height:3.25rem;display:block;position:relative;overflow:hidden}.dpai-canvas-themePaywallMark i{background:var(--theme-preview-accent);display:block;position:absolute}.dpai-canvas-themePaywallMark i:first-child{height:1px;top:.8rem;left:.6rem;right:.6rem}.dpai-canvas-themePaywallMark i:nth-child(2){width:.65rem;top:1.2rem;bottom:.65rem;left:.6rem}.dpai-canvas-themePaywallMark i:nth-child(3){background:var(--theme-preview-ink);inset:1.2rem .6rem .65rem 1.55rem}.dpai-canvas-themePaywallMark[data-theme=lime-ledger]{--theme-preview-accent:#e4f222;--theme-preview-ink:#0c0a08;--theme-preview-surface:#f8fbd7}.dpai-canvas-themePaywallMark[data-theme=open-schedule]{--theme-preview-accent:#737373;--theme-preview-ink:#171717;--theme-preview-surface:#f4f4f4}.dpai-canvas-themePaywallMark[data-theme=command-orbit]{--theme-preview-accent:#ff6363;--theme-preview-ink:#121922;--theme-preview-surface:#e8e4f5}.dpai-canvas-themePaywallMark[data-theme=violet-rail]{--theme-preview-accent:#531aff;--theme-preview-ink:#13111c;--theme-preview-surface:#eee7ff}.dpai-canvas-themePaywallMark[data-theme=conversation-spine]{--theme-preview-accent:#0007cb;--theme-preview-ink:#111;--theme-preview-surface:#f4f3ec}.dpai-canvas-themePaywallMark[data-theme=record-grid]{--theme-preview-accent:#266df0;--theme-preview-ink:#1c1d1f;--theme-preview-surface:#f3f4f6}.dpai-canvas-themePaywallMark[data-theme=decision-field]{--theme-preview-accent:#3859ff;--theme-preview-ink:#fde050;--theme-preview-surface:#f1eeff}.dpai-canvas-themePaywallMark[data-theme=handoff-loop]{--theme-preview-accent:#874fff;--theme-preview-ink:#ff7237;--theme-preview-surface:#f1edff}.dpai-canvas-themePaywallMark[data-theme=progress-weave]{--theme-preview-accent:#33b88c;--theme-preview-ink:#001f1f;--theme-preview-surface:#cdface}.dpai-canvas-themePaywallMark[data-theme=sunlit-ledger]{--theme-preview-accent:#fa5d00;--theme-preview-ink:#1d1e1c;--theme-preview-surface:#fbf5f0}.dpai-canvas-themePaywallMark[data-theme=signal-lens]{--theme-preview-accent:#3ba6f1;--theme-preview-ink:#0c0a09;--theme-preview-surface:#e8f4fb}.dpai-canvas-themePaywallMark[data-theme=provenance-thread]{--theme-preview-accent:#0c8c5e;--theme-preview-ink:#121715;--theme-preview-surface:#e8f7f1}.dpai-canvas-themePaywallMark[data-theme=resolution-loop]{--theme-preview-accent:#397dff;--theme-preview-ink:#1a1e23;--theme-preview-surface:#eaf1ff}.dpai-canvas-themePaywallMark[data-theme=sample-stitch]{--theme-preview-accent:#2a7779;--theme-preview-ink:#000;--theme-preview-surface:#f8f4f2}.dpai-canvas-themePaywallMark[data-theme=specimen-stack]{--theme-preview-accent:#fdffa2;--theme-preview-ink:#2b2926;--theme-preview-surface:#f8f6f3}.dpai-canvas-themePaywallMark[data-theme=density-relay]{--theme-preview-accent:#fc5000;--theme-preview-ink:#070607;--theme-preview-surface:#e2e2df}.dpai-canvas-themePaywallMark[data-theme=workaround-dock]{--theme-preview-accent:#84c1ff;--theme-preview-ink:#071a31;--theme-preview-surface:#fcfbf8}.dpai-canvas-themePaywallMark[data-theme=evidence-matrix]{--theme-preview-accent:#ffe228;--theme-preview-ink:#130e30;--theme-preview-surface:#eff2e5}.dpai-canvas-themePaywallEyebrow{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) .62rem/1 var(--dpai-font-mono);letter-spacing:.1em;text-transform:uppercase;margin:.15rem 0 .42rem;display:block}.dpai-canvas-themePaywallIntro h2{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.65rem);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);margin:0;line-height:1.1}.dpai-canvas-themePaywallIntro p{color:var(--dpai-muted);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);margin:.55rem 0 0}.dpai-canvas-themePaywallOffer{background:#fffffff5}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallOffer{background:color-mix(in srgb, var(--color-dpai-chrome) 96%, transparent)}}.dpai-canvas-themePaywallOffer{border:1px solid #ffffffbf}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallOffer{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 75%, transparent)}}.dpai-canvas-themePaywallOffer{border-radius:var(--radius-dpai-panel);box-shadow:0 1.25rem 3rem #4c1d9526}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallOffer{box-shadow:0 1.25rem 3rem color-mix(in srgb, var(--color-dpai-violet-dark) 15%, transparent)}}.dpai-canvas-themePaywallOffer{z-index:2;margin-top:.75rem;padding:1rem;position:relative}.dpai-canvas-themePaywallPlan{flex-direction:column;min-width:0;display:flex}.dpai-canvas-themePaywallPlanHeader{text-align:center;grid-template-columns:minmax(0,1fr);place-items:start center;gap:.85rem;display:grid}.dpai-canvas-themePaywallPlanHeader>div:first-child{justify-items:center;gap:.5rem;display:grid}.dpai-canvas-themePaywallPlanBadge{color:var(--dpai-ink);font-family:var(--font-display);font-size:clamp(2rem,6vw,2.55rem);font-weight:var(--dpai-weight-semibold);letter-spacing:-.035em;line-height:1}.dpai-canvas-themePaywallPrice{justify-content:center;align-items:baseline;gap:.42rem;display:flex}.dpai-canvas-themePaywallPrice>span{color:var(--dpai-muted);font-size:var(--dpai-text-label);text-decoration:line-through}.dpai-canvas-themePaywallPrice>strong{font-family:var(--font-display);letter-spacing:-.045em;font-size:2rem;line-height:1}.dpai-canvas-themePaywallPrice>small{color:var(--dpai-muted);font-size:var(--dpai-text-label)}.dpai-canvas-themePaywallPlanHeader>div:last-child>p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);text-align:center;margin:.5rem 0 0}.dpai-canvas-themePaywallPlanHeader>div:last-child>p strong{color:var(--dpai-violet-dark)}.dpai-canvas-themePaywallFeatures{border-top:1px solid var(--color-dpai-line);grid-template-columns:minmax(0,1fr);gap:.58rem;margin:.95rem 0 0;padding:.9rem 0 0;list-style:none;display:grid}.dpai-canvas-themePaywallFeatures li{color:var(--color-dpai-muted);font-size:var(--dpai-text-label);align-items:center;gap:.5rem;display:flex}.dpai-canvas-themePaywallFeatures svg{color:var(--dpai-violet-dark);flex:none;width:1rem;height:1rem}.dpai-canvas-themePaywallFeatures li:has(.dpai-canvas-themePaywallFeatureAction){display:block}.dpai-canvas-themePaywallFeatureAction{color:var(--dpai-ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;min-height:1.25rem;padding:0;display:grid}.dpai-canvas-themePaywallFeatureAction:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-themePaywallFeatureAction>span{font-size:var(--dpai-text-label);min-width:0}.dpai-canvas-themePaywallFeatureAction small{color:var(--dpai-violet-dark);font-weight:var(--dpai-weight-semibold);font-size:var(--dpai-text-caption);white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.dpai-canvas-themePaywallFeatureAction small svg{width:.9rem;height:.9rem}.dpai-canvas-themePaywallFeatureAction:hover small{color:var(--dpai-violet-hover);text-underline-offset:.18rem;text-decoration:underline}.dpai-canvas-themePaywallBenefits{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallBenefits{background:color-mix(in srgb, var(--color-dpai-chrome) 72%, transparent)}}.dpai-canvas-themePaywallBenefits{border:1px solid #ffffffad}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallBenefits{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 68%, transparent)}}.dpai-canvas-themePaywallBenefits{border-radius:var(--radius-dpai-panel);min-width:0;padding:.85rem}.dpai-canvas-themePaywallFeatureGrid{margin-top:.75rem}.dpai-canvas-themePaywallBenefitsHeader{justify-content:space-between;align-items:flex-start;gap:.75rem;padding-right:2.5rem;display:flex}.dpai-canvas-themePaywallBenefitsHeader>div>span{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) .58rem/1 var(--dpai-font-mono);letter-spacing:.1em;text-transform:uppercase;display:block}.dpai-canvas-themePaywallBenefitsHeader h3{color:var(--dpai-ink);font-family:var(--font-display);font-size:1.08rem;font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);max-width:24rem;margin:.35rem 0 0;line-height:1.12}.dpai-canvas-themePaywallBenefitsBack{background:#ffffffc2;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallBenefitsBack{background:color-mix(in srgb, var(--color-dpai-chrome) 76%, transparent)}}.dpai-canvas-themePaywallBenefitsBack{border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-control);color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/1 var(--dpai-font-sans);flex:none;gap:.35rem;min-height:2rem;padding:0 .55rem;display:inline-flex}.dpai-canvas-themePaywallBenefitsBack:hover{background:var(--color-dpai-inverse)}.dpai-canvas-themePaywallBenefitsBack:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-themePaywallBenefitsBack svg{width:.8rem;height:.8rem}.dpai-canvas-themePaywallSkillContent{margin-top:.75rem;animation:.18s cubic-bezier(.2,.8,.2,1) theme-paywall-benefit-morph}.dpai-canvas-themePaywallSkillList{grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.dpai-canvas-themePaywallSkillItem{border-top:1px solid var(--dpai-line);align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallSkillItem{border-top:1px solid color-mix(in srgb, var(--dpai-line) 80%, transparent)}}.dpai-canvas-themePaywallSkillItem{color:var(--dpai-ink);font-size:var(--dpai-text-label);gap:.55rem;min-width:0;padding:.68rem 0;line-height:1.3;display:flex}.dpai-canvas-themePaywallSkillItem:before{background:var(--dpai-violet);content:"";border-radius:999px;flex:none;width:.32rem;height:.32rem;margin-top:.34rem}.dpai-canvas-themePaywallSkillItem strong{font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);line-height:1.2;display:block}.dpai-canvas-themePaywallSkillItem p{color:var(--dpai-muted);font-size:var(--dpai-text-caption);margin:.22rem 0 0;line-height:1.4}.dpai-canvas-themePaywallSkillUpdate{color:var(--dpai-violet);font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-medium);margin:.7rem 0 0;line-height:1.45}.dpai-canvas-themePaywallFeatureGrid{animation:.18s cubic-bezier(.2,.8,.2,1) theme-paywall-benefit-morph}.dpai-canvas-themePaywallActions{grid-template-columns:minmax(0,1fr);gap:.55rem;margin-top:1.15rem;display:grid}.dpai-canvas-themePaywallUpgrade,.dpai-canvas-themePaywallChangePayment,.dpai-canvas-themePaywallPlain{cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/1 var(--dpai-font-sans);text-align:center;border-radius:.68rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem;text-decoration:none;display:inline-flex}.dpai-canvas-themePaywallUpgrade{--theme-paywall-upgrade-surface:var(--dpai-violet);background:linear-gradient(var(--theme-paywall-upgrade-surface), var(--theme-paywall-upgrade-surface)) padding-box, linear-gradient(90deg, var(--color-dpai-violet-light), var(--color-dpai-violet-light), var(--color-dpai-violet-light), var(--color-dpai-violet-line), var(--color-dpai-violet-light)) border-box;background-position:0 0,0 0;background-size:100% 100%,240% 100%;border:2px solid #0000;animation:2.8s linear infinite theme-paywall-border-flow;box-shadow:0 .55rem 1.4rem #4c1d9538,inset 0 1px #ffffff61,inset 0 -2px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallUpgrade{box-shadow:0 .55rem 1.4rem color-mix(in srgb, var(--color-dpai-violet-dark) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 38%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 12%, transparent)}}.dpai-canvas-themePaywallUpgrade{color:var(--color-dpai-inverse);position:relative;overflow:hidden}.dpai-canvas-themePaywallUpgrade>span{z-index:2;position:relative}.dpai-canvas-themePaywallUpgrade>i{background:linear-gradient(100deg,#0000,#ffffff14 28%,#ffffffad 50%,#ffffff1f 72%,#0000);animation:3s ease-in-out infinite theme-paywall-colored-shimmer}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallUpgrade>i{background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--color-dpai-chrome) 8%, transparent) 28%, color-mix(in srgb, var(--color-dpai-chrome) 68%, transparent) 50%, color-mix(in srgb, var(--color-dpai-chrome) 12%, transparent) 72%, transparent)}}.dpai-canvas-themePaywallUpgrade>i{pointer-events:none;z-index:1;width:42%;height:220%;position:absolute;top:-60%;left:-58%;transform:skew(-18deg)}.dpai-canvas-themePaywallUpgrade:hover{--theme-paywall-upgrade-surface:var(--dpai-violet-hover)}.dpai-canvas-themePaywallUpgrade:disabled{cursor:default;opacity:.58;animation:none}.dpai-canvas-themePaywallChangePayment{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallChangePayment{background:color-mix(in srgb, var(--dpai-violet) 8%, white)}}.dpai-canvas-themePaywallChangePayment{border:1px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallChangePayment{border:1px solid color-mix(in srgb, var(--dpai-violet) 24%, transparent)}}.dpai-canvas-themePaywallChangePayment{color:var(--dpai-violet-dark)}.dpai-canvas-themePaywallChangePayment:hover:not(:disabled){background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallChangePayment:hover:not(:disabled){background:color-mix(in srgb, var(--dpai-violet) 14%, white)}}.dpai-canvas-themePaywallChangePayment:disabled{cursor:default;opacity:.55}.dpai-canvas-themePaywallPlain{background:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallPlain{background:color-mix(in srgb, var(--color-dpai-chrome) 42%, transparent)}}.dpai-canvas-themePaywallPlain{border:1px solid #ffffff94}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallPlain{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 58%, transparent)}}.dpai-canvas-themePaywallPlain{color:var(--color-dpai-muted);z-index:2;width:100%;margin-top:.65rem;position:relative}.dpai-canvas-themePaywallPlain:hover{background:#ffffff9e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallPlain:hover{background:color-mix(in srgb, var(--color-dpai-chrome) 62%, transparent)}}.dpai-canvas-themePaywallPlain:hover{border-color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-themePaywallPlain:hover{border-color:color-mix(in srgb, var(--color-dpai-chrome) 78%, transparent)}}.dpai-canvas-themePaywallPlain:disabled{cursor:default;opacity:.55}.dpai-canvas-themePaywallFootnote{color:var(--color-dpai-muted);text-align:center;z-index:2;margin:.7rem 0 0;font-size:.66rem;position:relative}@keyframes theme-paywall-border-flow{to{background-position:0 0,240% 0}}@keyframes theme-paywall-colored-shimmer{0%,30%{left:-58%}70%,to{left:122%}}@keyframes theme-paywall-benefit-morph{0%{clip-path:inset(0 0 0 4%);opacity:0;transform:translate(.35rem)}to{clip-path:inset(0);opacity:1;transform:translate(0)}}@media (width<=1000px){.dpai-canvas-themePaywallDialog{width:min(40rem,100%)}.dpai-canvas-themePaywallContent{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.dpai-canvas-themePaywallDialog{width:min(31rem,100%);padding:1rem}.dpai-canvas-themePaywallContent{grid-template-columns:minmax(0,1fr)}.dpai-canvas-themePaywallIntro{grid-template-columns:minmax(0,1fr);padding-right:2.75rem}.dpai-canvas-themePaywallMark{width:2.75rem;height:2.75rem}.dpai-canvas-themePaywallActions{grid-template-columns:minmax(0,1fr)}.dpai-canvas-themePaywallPlanHeader{grid-template-columns:minmax(0,1fr);align-items:center}.dpai-canvas-themePaywallPlanHeader>div:last-child>p{text-align:center}.dpai-canvas-themePaywallFeatures,.dpai-canvas-themePaywallSkillList{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-themePaywallBackdrop,.dpai-canvas-themePaywallDialog,.dpai-canvas-themePaywallUpgrade{animation:none}.dpai-canvas-themePaywallUpgrade>i{animation:none;display:none}.dpai-canvas-themePaywallFeatureGrid,.dpai-canvas-themePaywallSkillContent{animation:none}}.dpai-creation-layout{height:calc(100dvh - var(--dpai-navbar-height));grid-template-columns:minmax(0,1fr) minmax(340px,400px);min-height:0;display:grid}.dpai-creation-layout>.dpai-canvas-workspace{min-width:0;height:100%;min-height:0}.dpai-creation-panel{border-left:1px solid var(--dpai-line);background:var(--dpai-chrome);z-index:30;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.dpai-creation-panel .dpai-creation-catalog[data-stage=design]{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;height:auto;max-height:none;padding:0;animation:none;overflow:visible}.dpai-creation-catalog .dpai-canvas-mcpOnboardingStep{animation:none}.dpai-creation-catalog .dpai-canvas-designTemplate:not([data-template=blank]) .dpai-canvas-designTemplateMedia{width:100%;max-height:none}.dpai-creation-catalog[data-stage=design] .dpai-canvas-designTemplateMeta strong{-webkit-line-clamp:2;white-space:normal;font-size:var(--dpai-text-label);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box}.dpai-creation-catalog .dpai-canvas-designTemplateGrid{grid-template-columns:minmax(0,1fr)}.dpai-creation-catalog .dpai-canvas-designCatalogTabs{width:100%;display:flex}.dpai-creation-catalog .dpai-canvas-designCatalogTab{flex:1;justify-content:center}.dpai-creation-body{scrollbar-color:var(--dpai-line) transparent;scrollbar-width:thin}@media (width<=999px){.dpai-creation-layout{display:block;position:relative}.dpai-creation-panel{border-left:0;position:absolute;inset:0}.dpai-creation-layout:has(.dpai-creation-panel[data-preview=false])>.dpai-canvas-workspace{visibility:hidden}.dpai-creation-panel[data-preview=true]{height:auto;bottom:auto}.dpai-creation-panel[data-preview=true] .dpai-creation-body,.dpai-creation-panel[data-preview=true] .dpai-creation-footer{display:none}}.dpai-canvas-demoWorkspace{background:var(--color-dpai-line);position:relative;overflow:hidden}.dpai-canvas-demoCanvasPane{width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.dpai-canvas-demoCanvasPane .dpai-canvas-board.react-flow{border-radius:var(--radius-dpai-panel)}.dpai-canvas-demoCanvasPane .react-flow__node{opacity:1;transition:opacity .42s}.dpai-canvas-demoCanvasPane[data-phase=prompting] .react-flow__node,.dpai-canvas-demoCanvasPane[data-phase=context] .react-flow__node{opacity:0}.dpai-canvas-demoCanvasPane[data-phase=create-page] .react-flow__node{animation:.62s cubic-bezier(.22,1,.36,1) both demo-frame-arrive}.dpai-canvas-demoStudio .dpai-canvas-agentPreviewPanel,.dpai-canvas-demoStudio .dpai-canvas-toolPanel,.dpai-canvas-demoStudio .dpai-canvas-flowControls,.dpai-canvas-demoStudio .dpai-canvas-viewportRail{display:none}.dpai-canvas-demoTerminal{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink);border-radius:.9rem;box-shadow:0 1.8rem 4.5rem #241b3257,0 0 0 1px #ffffff08}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-demoTerminal{box-shadow:0 1.8rem 4.5rem color-mix(in srgb, var(--color-dpai-ink) 34%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-dpai-chrome) 3%, transparent)}}.dpai-canvas-demoTerminal{color:var(--color-dpai-desk);font-family:var(--dpai-font-mono);z-index:20;grid-template-rows:auto 1fr auto;width:min(24rem,34%);min-width:0;height:min(19rem,100% - 3rem);display:grid;position:absolute;bottom:1.5rem;right:clamp(.85rem,2.4vw,1.6rem);overflow:hidden}.dpai-canvas-demoTerminalHeader{background:var(--color-dpai-ink);border-bottom:1px solid var(--color-dpai-ink);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;min-height:2.45rem;padding:0 .75rem;display:grid}.dpai-canvas-demoTerminalHeader>span{gap:.32rem;display:flex}.dpai-canvas-demoTerminalHeader>span i{background:var(--color-dpai-muted);border-radius:999px;width:.52rem;height:.52rem}.dpai-canvas-demoTerminalHeader>span i:first-child{background:#ee776d}.dpai-canvas-demoTerminalHeader>span i:nth-child(2){background:#e3ba58}.dpai-canvas-demoTerminalHeader>span i:last-child{background:#5ebc82}.dpai-canvas-demoTerminalHeader strong{font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-demoTerminalHeader small{color:var(--color-dpai-muted);font-size:var(--dpai-text-caption);text-transform:uppercase}.dpai-canvas-demoTerminalBody{grid-template-rows:auto 1fr;gap:.42rem;padding:.52rem .58rem;display:grid;overflow:hidden}.dpai-canvas-demoTerminalMessage,.dpai-canvas-demoTerminalTool{animation:.26s ease-out both demo-terminal-line-in}.dpai-canvas-demoTerminalMessage{border-radius:.55rem;gap:.25rem;min-height:3.1rem;padding:.5rem .56rem;display:grid}.dpai-canvas-demoTerminalMessage[data-role=user]{background:var(--color-dpai-ink);border:1px solid var(--color-dpai-ink)}.dpai-canvas-demoTerminalMessage[data-role=agent]{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-demoTerminalMessage[data-role=agent]{background:color-mix(in srgb, var(--dpai-violet) 16%, var(--color-dpai-ink))}}.dpai-canvas-demoTerminalMessage[data-role=agent]{border:1px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-demoTerminalMessage[data-role=agent]{border:1px solid color-mix(in srgb, var(--dpai-violet) 35%, var(--color-dpai-ink))}}.dpai-canvas-demoTerminalMessage span{color:var(--color-dpai-subtle);font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-bold);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase}.dpai-canvas-demoTerminalMessage p{-webkit-line-clamp:2;font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.dpai-canvas-demoTerminalLog{grid-template-rows:repeat(4,minmax(0,1fr));gap:.22rem;min-height:0;display:grid;overflow:hidden}.dpai-canvas-demoTerminalLog>i{min-height:0}.dpai-canvas-demoTerminalTool{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.1rem .2rem;display:grid}.dpai-canvas-demoTerminalTool>span{color:var(--dpai-violet);font-size:var(--dpai-text-caption)}.dpai-canvas-demoTerminalTool code{color:var(--color-dpai-line);font-size:var(--dpai-text-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-demoTerminalTool small{color:var(--color-dpai-subtle);font-size:var(--dpai-text-preview);white-space:nowrap}.dpai-canvas-demoTerminalFooter{border-top:1px solid var(--color-dpai-ink);color:var(--color-dpai-subtle);font-size:var(--dpai-text-caption);text-transform:uppercase;align-items:center;gap:.42rem;min-height:2.2rem;padding:0 .8rem;display:flex}.dpai-canvas-demoTerminalFooter i{background:var(--dpai-signal);border-radius:999px;width:.34rem;height:.34rem}.dpai-canvas-demoTerminal[data-phase=creating] .dpai-canvas-demoTerminalFooter i,.dpai-canvas-demoTerminal[data-phase=verifying] .dpai-canvas-demoTerminalFooter i{background:var(--dpai-violet);animation:1.1s ease-in-out infinite agent-status-pulse}@keyframes demo-frame-arrive{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@keyframes demo-terminal-line-in{0%{opacity:0}to{opacity:1}}@media (width<=900px){.dpai-canvas-demoTerminal{width:min(21rem,100% - 2rem);height:min(17rem,100% - 2rem);bottom:1rem;right:1rem}}@media (width<=760px){.dpai-canvas-demoTerminal{width:min(19rem,100% - 1.5rem);height:min(15rem,100% - 1.5rem);bottom:.75rem;right:.75rem}.dpai-canvas-demoTerminalBody{gap:.32rem;padding:.42rem .48rem}.dpai-canvas-demoTerminalMessage{min-height:2.85rem;padding:.42rem .48rem}.dpai-canvas-demoTerminalMessage p{font-size:var(--dpai-text-caption)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-demoCanvasPane .react-flow__node,.dpai-canvas-demoTerminalMessage,.dpai-canvas-demoTerminalTool{transition:none}}.dpai-canvas-boardShell{--dpai-design-sidebar-width:280px;--dpai-layout-sidebar-width:min(23rem, calc(100vw - 3.5rem));min-width:0;height:100%;position:relative;overflow:hidden}.dpai-canvas-board.react-flow{--canvas-frame-edge:#241b3229}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-board.react-flow{--canvas-frame-edge:color-mix(in srgb, var(--color-dpai-ink) 16%, transparent)}}.dpai-canvas-board.react-flow{--xy-background-color:var(--dpai-desk);background:var(--dpai-desk);box-shadow:none;border:0;border-radius:0;width:100%;min-width:0;height:100%;overflow:hidden}.dpai-canvas-emptyCanvasFrame.react-flow__panel{background:#ffffff61;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-emptyCanvasFrame.react-flow__panel{background:color-mix(in srgb, var(--color-dpai-chrome) 38%, transparent)}}.dpai-canvas-emptyCanvasFrame.react-flow__panel{border:2px dashed var(--color-dpai-line-strong);text-align:center;border-radius:.85rem;flex-direction:column;justify-content:center;width:min(42rem,100vw - 7rem);height:min(30rem,100dvh - 13rem);margin:0;padding:clamp(1.2rem,4vw,2.5rem);display:flex}.dpai-canvas-emptyCanvasFrameMark{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);border-radius:var(--radius-dpai-action);color:var(--dpai-violet-dark);justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:inline-flex}.dpai-canvas-emptyCanvasFrameMark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.15rem;height:1.15rem}.dpai-canvas-emptyCanvasFrame h2{color:var(--dpai-ink);font-family:var(--font-display);font-size:var(--dpai-text-title-sm);letter-spacing:var(--dpai-tracking-title);margin:.85rem 0 0}.dpai-canvas-emptyCanvasFrame>p{color:var(--dpai-muted);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);margin:.45rem 0 0}.dpai-canvas-emptyCanvasPrompt{background:#ffffffdb;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-emptyCanvasPrompt{background:color-mix(in srgb, var(--color-dpai-chrome) 86%, transparent)}}.dpai-canvas-emptyCanvasPrompt{border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-action);text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;width:100%;max-width:34rem;margin-top:1.3rem;padding:.55rem;display:grid}.dpai-canvas-emptyCanvasPrompt code{color:var(--color-dpai-muted);font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:.2rem;overflow:hidden}.dpai-canvas-emptyCanvasPrompt button{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);border-radius:.55rem;align-items:center;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-emptyCanvasPrompt button{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 35%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 10%, transparent)}}.dpai-canvas-emptyCanvasPrompt button{color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;gap:.4rem;min-height:2.1rem;padding:0 .7rem;display:inline-flex}.dpai-canvas-emptyCanvasPrompt button:hover{background:var(--dpai-violet-hover)}.dpai-canvas-emptyCanvasPrompt button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:.8rem;height:.8rem}.dpai-canvas-hiddenCanvasAction{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.6rem;align-items:center;gap:.45rem;min-height:2.25rem;margin-top:1.25rem;padding:0 .85rem;display:inline-flex}.dpai-canvas-hiddenCanvasAction:hover{background:var(--dpai-violet-hover)}.dpai-canvas-hiddenCanvasAction svg{width:.9rem;height:.9rem}.dpai-canvas-board.react-flow{--dpai-canvas-selection-border:var(--dpai-violet);--xy-selection-background-color:transparent;--xy-selection-border:1px solid var(--dpai-canvas-selection-border)}.dpai-canvas-elementUndoToast{background:var(--dpai-ink);border-radius:8px;align-items:center;animation:.22s cubic-bezier(.2,0,0,1) both dpai-canvas-element-feedback-enter;bottom:22px;box-shadow:0 10px 30px #241b3233,inset 0 0 0 1px #ffffff1f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementUndoToast{box-shadow:0 10px 30px color-mix(in srgb, var(--color-dpai-ink) 20.0%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--color-dpai-chrome) 12.2%, transparent)}}.dpai-canvas-elementUndoToast{color:var(--color-dpai-inverse);font:var(--dpai-weight-medium) 12px/1.2 var(--dpai-font-body);z-index:120;gap:12px;padding:7px 8px 7px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes dpai-canvas-element-feedback-enter{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-elementUndoToast{animation:none}}.dpai-canvas-elementUndoToast button{background:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementUndoToast button{background:color-mix(in srgb, var(--color-dpai-chrome) 9.0%, transparent)}}.dpai-canvas-elementUndoToast button{color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) 12px/1 var(--dpai-font-body);border:0;border-radius:5px;min-height:30px;padding:0 10px;transition:background-color .1s,opacity .1s}.dpai-canvas-elementUndoToast button:hover:not(:disabled){background:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementUndoToast button:hover:not(:disabled){background:color-mix(in srgb, var(--color-dpai-chrome) 14.9%, transparent)}}.dpai-canvas-elementUndoToast button:active:not(:disabled){scale:.96}.dpai-canvas-elementUndoToast button:focus-visible{outline-offset:2px;outline:2px solid #fff}.dpai-canvas-elementUndoToast button:disabled{cursor:wait;opacity:.55}.dpai-canvas-elementUndoToast p{color:var(--color-dpai-danger-line);max-width:320px;margin:0}.dpai-canvas-starterPreviewNode{pointer-events:none}.dpai-canvas-starterPreviewNode[data-element-selecting=true]{pointer-events:auto}.dpai-canvas-starterPreviewNode .dpai-canvas-frameSurface{border-radius:8px}.react-flow__node-template-preview .dpai-canvas-frameSurface{border-radius:3px}.react-flow__node-starter-preview,.react-flow__node-template-preview,.react-flow__node-template-loading{cursor:inherit}.dpai-canvas-templateLoadingNode{pointer-events:none}.dpai-canvas-templateLoadingSurface{background:var(--dpai-surface);border-radius:3px;padding:18px;overflow:hidden}.dpai-canvas-templateLoadingChrome,.dpai-canvas-templateLoadingBody{gap:10px;display:grid}.dpai-canvas-templateLoadingChrome{grid-template-columns:24px 72px minmax(0,1fr)}.dpai-canvas-templateLoadingBody{grid-template-columns:.42fr 1fr;margin-top:30px}.dpai-canvas-templateLoadingChrome i,.dpai-canvas-templateLoadingBody i{background:linear-gradient(110deg, var(--color-dpai-desk) 30%, var(--color-dpai-paper) 46%, var(--color-dpai-desk) 62%);background-size:220% 100%;border-radius:3px;height:12px;animation:1.3s ease-in-out infinite dpai-template-loading;display:block}.dpai-canvas-templateLoadingBody i{height:82px}.dpai-canvas-templateLoadingBody i:nth-child(2),.dpai-canvas-templateLoadingBody i:nth-child(4){height:54px}@keyframes dpai-template-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.dpai-canvas-templateLoadingChrome i,.dpai-canvas-templateLoadingBody i{animation:none}}.react-flow__node-starter-prompt,.react-flow__node-starter-welcome,.react-flow__node-starter-zoom-hint{cursor:inherit}.dpai-canvas-starterZoomHintNode{background:#ffffffe6;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterZoomHintNode{background:color-mix(in srgb, var(--color-dpai-chrome) 90%, transparent)}}.dpai-canvas-starterZoomHintNode{border:1px solid var(--color-dpai-line);border-radius:16px;box-shadow:0 8px 24px #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterZoomHintNode{box-shadow:0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 10%, transparent)}}.dpai-canvas-starterZoomHintNode{color:var(--dpai-muted);pointer-events:none;gap:22px;padding:20px 24px;display:flex}.dpai-canvas-starterZoomHintNode>span{font-size:18px;font-weight:var(--dpai-weight-semibold);white-space:nowrap}.dpai-canvas-starterZoomHintKeys{font:var(--dpai-weight-semibold) 18px/1 var(--dpai-font-sans);align-items:center;gap:9px;display:inline-flex}.dpai-canvas-starterZoomHintKeys kbd{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);box-shadow:0 2px 0 var(--color-dpai-line-strong);color:var(--dpai-ink);font:inherit;border-radius:8px;padding:10px 13px}.dpai-canvas-starterWelcomeNode{color:var(--dpai-ink);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex}.dpai-canvas-starterWelcomeNode h2{font-family:var(--dpai-font-display);font-size:var(--dpai-text-display);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-display);line-height:var(--dpai-leading-display);margin:0}.dpai-canvas-starterWelcomeNode p{color:var(--dpai-muted);font-size:var(--dpai-text-title-sm);line-height:var(--dpai-leading-compact);margin:1rem 0 0}.dpai-canvas-starterPromptNode{pointer-events:auto}.dpai-canvas-starterPromptSurface{background-color:#ffffff40;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPromptSurface{background-color:color-mix(in srgb, var(--color-dpai-chrome) 25%, transparent)}}.dpai-canvas-starterPromptSurface{background-image:radial-gradient(circle,#241b3240 1.5px,#0000 1.5px)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPromptSurface{background-image:radial-gradient(circle, color-mix(in srgb, var(--color-dpai-ink) 25%, transparent) 1.5px, transparent 1.5px)}}.dpai-canvas-starterPromptSurface{border:2px dashed var(--color-dpai-subtle);background-position:-1px -1px;background-size:24px 24px;border-radius:8px;justify-content:center;display:flex}.dpai-canvas-starterPromptContent{background:#ffffffeb;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPromptContent{background:color-mix(in srgb, var(--color-dpai-chrome) 92%, transparent)}}.dpai-canvas-starterPromptContent{border-radius:18px;box-shadow:0 18px 50px #241b321f,0 2px 8px #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPromptContent{box-shadow:0 18px 50px color-mix(in srgb, var(--color-dpai-ink) 12%, transparent), 0 2px 8px color-mix(in srgb, var(--color-dpai-ink) 8%, transparent)}}.dpai-canvas-starterPromptContent{text-align:center;flex-direction:column;width:calc(100% - 128px);max-width:720px;padding:48px;display:flex}.dpai-canvas-starterPromptContent>span:first-child{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);color:var(--dpai-violet-dark);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.dpai-canvas-starterPromptContent>span:first-child svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:24px;height:24px}.dpai-canvas-starterPromptContent h2{color:var(--dpai-ink);font-family:var(--dpai-font-display);font-size:32px;font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);margin:24px 0 0;line-height:1.15}.dpai-canvas-starterPromptContent>p{color:var(--dpai-muted);margin:12px 0 0;font-size:18px;line-height:1.55}.dpai-canvas-starterPrompt{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);text-align:left;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin-top:28px;padding:10px;display:grid}.dpai-canvas-starterPrompt code{color:var(--color-dpai-muted);font:15px/1.55 var(--dpai-font-mono);min-width:0;padding-left:8px}.dpai-canvas-starterPrompt button{background:var(--dpai-violet);border:1px solid var(--color-dpai-violet-light);border-radius:9px;align-items:center;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPrompt button{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-dpai-chrome) 35%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--color-dpai-ink) 10%, transparent)}}.dpai-canvas-starterPrompt button{color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) 14px/1 var(--dpai-font-sans);white-space:nowrap;flex:none;gap:7px;min-height:42px;padding:0 14px;transition:background-color .12s ease-out,scale .12s ease-out;display:inline-flex}.dpai-canvas-starterPrompt button:hover{background:var(--dpai-violet-hover)}.dpai-canvas-starterPrompt button:active{scale:.96}.dpai-canvas-starterPrompt button:focus-visible{outline:3px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-starterPrompt button:focus-visible{outline:3px solid color-mix(in srgb, var(--dpai-violet) 35%, transparent)}}.dpai-canvas-starterPrompt button:focus-visible{outline-offset:3px}.dpai-canvas-starterPrompt button svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.dpai-canvas-starterPromptContent .sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.dpai-canvas-starterPreviewFrame{pointer-events:none;background:0 0;border:0;width:100%;height:100%;display:block}.dpai-canvas-starterPreviewNode[data-element-selecting=true] .dpai-canvas-starterPreviewFrame{pointer-events:auto}.dpai-canvas-starterPreviewSelectionOverlay{pointer-events:none;z-index:15;position:absolute;inset:26px 0 0;overflow:hidden}.dpai-canvas-board.react-flow .react-flow__selection,.dpai-canvas-board.react-flow .react-flow__nodesselection,.dpai-canvas-board.react-flow .react-flow__nodesselection-rect{background:0 0!important}.dpai-canvas-board.react-flow .react-flow__selection{border-radius:2px;border:1px solid var(--dpai-canvas-selection-border)!important}.dpai-canvas-board.react-flow .react-flow__nodesselection-rect{border:0!important}.dpai-canvas-board.react-flow .react-flow__nodesselection-rect:after{box-shadow:0 0 0 1px var(--dpai-canvas-selection-border);content:"";pointer-events:none;border-radius:2px;position:absolute;inset:26px 0 0}.dpai-canvas-board.react-flow:has(.react-flow__node-canvas-note.selected) .react-flow__nodesselection-rect:after{display:none}.dpai-canvas-board.react-flow .react-flow__node.dragging iframe{visibility:hidden}.dpai-canvas-board.react-flow[data-selection-mode=focus] .react-flow__node.selected .dpai-canvas-frameSurface,.dpai-canvas-frameNode[data-selection-state=focus] .dpai-canvas-frameSurface,.dpai-canvas-frameNode[data-selection-state=group] .dpai-canvas-frameSurface{box-shadow:0 0 0 1px var(--dpai-canvas-selection-border,var(--dpai-violet))}.dpai-canvas-frameNode[data-selection-state=group] .dpai-canvas-frameLabel,.dpai-canvas-frameNode[data-selection-state=group] .dpai-canvas-frameRoute{color:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-frameNode[data-selection-state=group] .dpai-canvas-frameLabel,.dpai-canvas-frameNode[data-selection-state=group] .dpai-canvas-frameRoute{color:color-mix(in srgb, var(--dpai-violet) 68%, white)}}.dpai-canvas-toolNavigate.react-flow .react-flow__pane,.dpai-canvas-toolNavigate.react-flow .react-flow__node{cursor:url(/cursors/canvas-select.svg) 4 3,default!important}.dpai-canvas-toolHand.react-flow .react-flow__pane,.dpai-canvas-toolHand.react-flow .react-flow__node{cursor:url(/cursors/canvas-pan-open.svg) 12 10,grab!important}.dpai-canvas-toolHand.react-flow .react-flow__pane.dragging,.dpai-canvas-toolHand.react-flow .react-flow__node.dragging,.dpai-canvas-toolHand.react-flow:active .react-flow__node{cursor:url(/cursors/canvas-pan-closed.svg) 12 11,grabbing!important}.dpai-canvas-toolPick.react-flow .react-flow__pane,.dpai-canvas-toolReview.react-flow .react-flow__pane{cursor:default!important}@media (width<=760px){.dpai-canvas-boardShell{--dpai-design-sidebar-width:min(20rem, calc(100vw - 3.5rem));--dpai-layout-sidebar-width:min(23rem, calc(100vw - 3.5rem))}.dpai-canvas-emptyCanvasFrame.react-flow__panel{width:calc(100vw - 3.5rem);height:min(24rem,100dvh - 10rem);padding:1.15rem}.dpai-canvas-emptyCanvasPrompt{grid-template-columns:1fr}.dpai-canvas-emptyCanvasPrompt button{justify-content:center;width:100%}}.react-flow__node-canvas-note{cursor:default;background:0 0;border:0;border-radius:4px;padding:0}.dpai-canvas-stickyNote{--note-surface:#fff0aa;--note-ink:#40391f;--note-muted:#756a3d;--note-content-scale:1;background:var(--note-surface);border:1px solid var(--note-ink);animation:.18s cubic-bezier(.2,0,0,1) both dpai-canvas-note-enter}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNote{border:1px solid color-mix(in srgb, var(--note-ink) 28%, transparent)}}.dpai-canvas-stickyNote{border-radius:calc(4px * var(--note-content-scale));box-shadow:none;box-sizing:border-box;color:var(--note-ink);grid-template-rows:calc(42px * var(--note-content-scale)) minmax(0, 1fr) calc(36px * var(--note-content-scale));width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:visible}.dpai-canvas-stickyNote[data-color=mint]{--note-surface:#d8f2e5;--note-ink:#183e2d;--note-muted:#47725f}.dpai-canvas-stickyNote[data-color=lavender]{--note-surface:#e8e0ff;--note-ink:#35275b;--note-muted:#6b5b94}.dpai-canvas-stickyNote[data-color=rose]{--note-surface:#f9dce2;--note-ink:#582a35;--note-muted:#8e5b68}.dpai-canvas-stickyNote[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 8px 20px var(--dpai-ink), 0 0 0 1px var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNote[data-selected=true]{box-shadow:0 8px 20px color-mix(in srgb, var(--dpai-ink) 14%, transparent), 0 0 0 1px var(--dpai-violet)}}.dpai-canvas-stickyNoteHandle{cursor:url(/cursors/canvas-pan-open.svg) 12 10,grab;min-width:0;padding:calc(7px * var(--note-content-scale)) calc(8px * var(--note-content-scale)) calc(5px * var(--note-content-scale)) calc(12px * var(--note-content-scale));justify-content:space-between;align-items:center;display:flex}.dpai-canvas-stickyNoteHandle:active,.react-flow__node-canvas-note.dragging .dpai-canvas-stickyNoteHandle{cursor:url(/cursors/canvas-pan-closed.svg) 12 11,grabbing}.dpai-canvas-stickyNoteLabel{color:var(--note-muted);font:var(--dpai-weight-semibold) max(9px, calc(11px * var(--note-content-scale)))/1 var(--dpai-font-mono);align-items:center;gap:calc(6px * var(--note-content-scale));letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.dpai-canvas-stickyNoteLabel svg{height:max(10px, calc(14px * var(--note-content-scale)));width:max(10px, calc(14px * var(--note-content-scale)))}.dpai-canvas-stickyNoteActions{align-items:center;gap:calc(2px * var(--note-content-scale));opacity:0;transition:opacity .12s,transform .15s cubic-bezier(.2,0,0,1);display:flex;transform:translateY(-2px)}.dpai-canvas-stickyNote:hover .dpai-canvas-stickyNoteActions,.dpai-canvas-stickyNote:focus-within .dpai-canvas-stickyNoteActions,.dpai-canvas-stickyNote[data-selected=true] .dpai-canvas-stickyNoteActions{opacity:1;transform:translateY(0)}.dpai-canvas-stickyNoteActions button{border-radius:calc(8px * var(--note-content-scale));color:var(--note-muted);cursor:pointer;height:max(22px, calc(28px * var(--note-content-scale)));width:max(22px, calc(28px * var(--note-content-scale)));background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dpai-canvas-stickyNoteActions button:hover:not(:disabled){background:#ffffff70}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNoteActions button:hover:not(:disabled){background:color-mix(in srgb, var(--color-dpai-chrome) 43.9%, transparent)}}.dpai-canvas-stickyNoteActions button:hover:not(:disabled){color:var(--note-ink)}.dpai-canvas-stickyNoteActions button:focus-visible{outline:2px solid var(--note-ink);outline-offset:-2px}.dpai-canvas-stickyNoteActions button:disabled{cursor:default;opacity:.35}.dpai-canvas-stickyNoteActions button[data-state=copied]{color:#46d695}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNoteActions button[data-state=copied]{color:color-mix(in srgb, var(--color-dpai-signal) 58%, var(--note-ink))}}.dpai-canvas-stickyNoteActions svg{height:max(11px, calc(15px * var(--note-content-scale)));width:max(11px, calc(15px * var(--note-content-scale)))}.dpai-canvas-stickyNote textarea{caret-color:var(--dpai-violet-dark);color:var(--note-ink);font-family:var(--dpai-font-body);font-weight:var(--dpai-weight-medium);height:100%;min-height:0;padding:calc(6px * var(--note-content-scale)) calc(14px * var(--note-content-scale)) calc(10px * var(--note-content-scale));resize:none;scrollbar-color:var(--note-muted) transparent;background:0 0;border:0;outline:0;line-height:1.35;overflow:auto;font-size:max(9px, calc(11px * var(--note-content-scale)))!important}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNote textarea{scrollbar-color:color-mix(in srgb, var(--note-muted) 45%, transparent) transparent}}.dpai-canvas-stickyNote textarea{width:100%}.dpai-canvas-stickyNote textarea::placeholder{color:var(--note-muted)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNote textarea::placeholder{color:color-mix(in srgb, var(--note-muted) 76%, transparent)}}.dpai-canvas-stickyNote textarea::selection{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNote textarea::selection{background:color-mix(in srgb, var(--dpai-violet) 28%, transparent)}}.dpai-canvas-stickyNoteFooter{padding:calc(3px * var(--note-content-scale)) calc(12px * var(--note-content-scale)) calc(9px * var(--note-content-scale));justify-content:space-between;align-items:center;display:flex}.dpai-canvas-stickyNoteFooter>span{color:var(--note-muted);font:max(8px, calc(10px * var(--note-content-scale)))/1 var(--dpai-font-mono);opacity:0;transition:opacity .12s}.dpai-canvas-stickyNote:focus-within .dpai-canvas-stickyNoteFooter>span{opacity:.8}.dpai-canvas-stickyNoteColors{align-items:center;gap:max(3px, calc(5px * var(--note-content-scale)));display:flex}.dpai-canvas-stickyNoteColors button{background:var(--swatch);border:1px solid var(--dpai-ink)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-stickyNoteColors button{border:1px solid color-mix(in srgb, var(--dpai-ink) 18%, transparent)}}.dpai-canvas-stickyNoteColors button{cursor:pointer;height:max(10px, calc(14px * var(--note-content-scale)));width:max(10px, calc(14px * var(--note-content-scale)));border-radius:999px;padding:0;transition:transform .12s,box-shadow .12s}.dpai-canvas-stickyNoteColors button[data-color=butter]{--swatch:#f3cf4e}.dpai-canvas-stickyNoteColors button[data-color=mint]{--swatch:#66c99a}.dpai-canvas-stickyNoteColors button[data-color=lavender]{--swatch:#a88bed}.dpai-canvas-stickyNoteColors button[data-color=rose]{--swatch:#e98fa1}.dpai-canvas-stickyNoteColors button:hover{transform:scale(1.15)}.dpai-canvas-stickyNote[data-read-only=true] .dpai-canvas-stickyNoteColors{pointer-events:none}.dpai-canvas-stickyNote[data-read-only=true] textarea{cursor:default}.dpai-canvas-stickyNoteColors button:focus-visible{outline:2px solid var(--note-ink);outline-offset:2px}.dpai-canvas-stickyNoteColors button[aria-pressed=true]{box-shadow:0 0 0 2px var(--note-surface), 0 0 0 3px var(--note-ink)}.dpai-canvas-stickyNoteResizeLine{border-color:#0000!important}.dpai-canvas-stickyNoteResizeHandle{background:var(--dpai-violet)!important;border:1px solid var(--note-surface)!important;height:max(7px, calc(9px * var(--note-content-scale)))!important;width:max(7px, calc(9px * var(--note-content-scale)))!important;border-radius:999px!important}@keyframes dpai-canvas-note-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-stickyNote{animation:none}.dpai-canvas-stickyNoteActions,.dpai-canvas-stickyNoteColors button{transition:none}}.dpai-canvas-frameNode{transition:width .3s cubic-bezier(.22,1,.36,1);position:relative}.dpai-canvas-frameLabel{color:var(--color-dpai-muted);font-size:var(--dpai-text-canvas);height:26px;line-height:var(--dpai-leading-solid);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.dpai-canvas-frameLabel strong{font-weight:var(--dpai-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-frameControlGroup>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px}.dpai-canvas-frameRoute{color:var(--color-dpai-subtle);font-family:var(--dpai-font-mono);font-size:var(--dpai-text-canvas)}.dpai-canvas-agentPageStatus{background:var(--dpai-violet);align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPageStatus{background:color-mix(in srgb, var(--dpai-violet) 8%, white)}}.dpai-canvas-agentPageStatus{border:1px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPageStatus{border:1px solid color-mix(in srgb, var(--dpai-violet) 20%, transparent)}}.dpai-canvas-agentPageStatus{color:var(--dpai-violet);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPageStatus{color:color-mix(in srgb, var(--dpai-violet) 82%, var(--color-dpai-ink))}}.dpai-canvas-agentPageStatus{font-family:var(--dpai-font-mono);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);white-space:nowrap;flex-shrink:0;gap:5px;margin-left:auto;padding:3px 7px 3px 5px;display:inline-flex}.dpai-canvas-statusDots{flex-shrink:0;width:3ch;animation:1.6s step-end infinite dpai-canvas-status-dots;display:inline-block}@keyframes dpai-canvas-status-dots{0%{clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 66.666% 0 0)}50%{clip-path:inset(0 33.333% 0 0)}75%,to{clip-path:inset(0)}}.dpai-canvas-agentPageStatus i{background:var(--dpai-violet);box-shadow:0 0 0 3px var(--dpai-violet);border-radius:999px;animation:1.1s ease-in-out infinite agent-status-pulse}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPageStatus i{box-shadow:0 0 0 3px color-mix(in srgb, var(--dpai-violet) 12%, transparent)}}.dpai-canvas-agentPageStatus i{width:5px;height:5px}.dpai-canvas-frameSurface{background:var(--color-dpai-inverse);box-shadow:0 0 0 1px var(--canvas-frame-edge);contain:paint;border-radius:3px;transition:width .3s cubic-bezier(.22,1,.36,1),box-shadow .16s;position:relative;overflow:hidden}.dpai-canvas-frameDragEdges{pointer-events:none;z-index:30;position:absolute;inset:0}.dpai-canvas-frameDragEdge{pointer-events:none;touch-action:none;position:absolute}.dpai-canvas-frameDragEdge[data-edge=top],.dpai-canvas-frameDragEdge[data-edge=bottom]{height:8px;left:8px;right:8px}.dpai-canvas-frameDragEdge[data-edge=top]{top:0}.dpai-canvas-frameDragEdge[data-edge=bottom]{bottom:0}.dpai-canvas-frameDragEdge[data-edge=left],.dpai-canvas-frameDragEdge[data-edge=right]{width:8px;top:0;bottom:0}.dpai-canvas-frameDragEdge[data-edge=left]{left:0}.dpai-canvas-frameDragEdge[data-edge=right]{right:0}.dpai-canvas-toolNavigate .dpai-canvas-frameDragEdge{cursor:url(/cursors/canvas-pan-open.svg) 12 10,grab;pointer-events:auto}.dpai-canvas-toolNavigate .react-flow__node.dragging .dpai-canvas-frameDragEdge,.dpai-canvas-toolNavigate .dpai-canvas-frameDragEdge:active{cursor:url(/cursors/canvas-pan-closed.svg) 12 11,grabbing}.dpai-canvas-frameSurface[data-frame-load-state=queued],.dpai-canvas-frameSurface[data-frame-load-state=loading]{background:linear-gradient(110deg, var(--color-dpai-desk) 30%, var(--color-dpai-paper) 46%, var(--color-dpai-desk) 62%);background-size:220% 100%}.dpai-canvas-frameSurface[data-frame-load-state=loading]{animation:1.3s ease-in-out infinite dpai-frame-loading}.dpai-canvas-frameSurface[data-frame-load-state=queued] iframe,.dpai-canvas-frameSurface[data-frame-load-state=loading] iframe{opacity:0}.dpai-canvas-frameSurface[data-frame-load-state=ready] iframe{opacity:1;transition:opacity .12s ease-out}@keyframes dpai-frame-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.dpai-canvas-frameSelectionBurst{border:1px solid var(--dpai-violet);animation:.18s ease-out both frame-selection-confirm}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-frameSelectionBurst{border:1px solid color-mix(in srgb, var(--dpai-violet) 62%, transparent)}}.dpai-canvas-frameSelectionBurst{border-radius:inherit;pointer-events:none;z-index:20;position:absolute;inset:0}.dpai-canvas-agentWorkingBorder{border-radius:inherit;pointer-events:none;z-index:18;position:absolute;inset:0}.dpai-canvas-agentWorkingBorder:before{background:conic-gradient(from var(--dpai-generating-border-angle), transparent 0deg 238deg, var(--dpai-violet) 262deg, var(--dpai-violet) 302deg, white 316deg, var(--dpai-violet) 330deg, transparent 360deg);animation:2.4s linear infinite agent-working-border-beam}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentWorkingBorder:before{background:conic-gradient(from var(--dpai-generating-border-angle), transparent 0deg 238deg, color-mix(in srgb, var(--dpai-violet) 10%, transparent) 262deg, color-mix(in srgb, var(--dpai-violet) 68%, white) 302deg, white 316deg, color-mix(in srgb, var(--dpai-violet) 82%, white) 330deg, transparent 360deg)}}.dpai-canvas-agentWorkingBorder:before{border-radius:inherit;content:"";-webkit-mask:linear-gradient(var(--color-dpai-ink) 0 0) content-box, linear-gradient(var(--color-dpai-ink) 0 0);-webkit-mask:linear-gradient(var(--color-dpai-ink) 0 0) content-box, linear-gradient(var(--color-dpai-ink) 0 0);-webkit-mask:linear-gradient(var(--color-dpai-ink) 0 0) content-box, linear-gradient(var(--color-dpai-ink) 0 0);mask:linear-gradient(var(--color-dpai-ink) 0 0) content-box, linear-gradient(var(--color-dpai-ink) 0 0);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.dpai-canvas-agentWorkingBorder:after{border:1px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentWorkingBorder:after{border:1px solid color-mix(in srgb, var(--dpai-violet) 40%, transparent)}}.dpai-canvas-agentWorkingBorder:after{border-radius:inherit;box-shadow:inset 0 0 10px var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentWorkingBorder:after{box-shadow:inset 0 0 10px color-mix(in srgb, var(--dpai-violet) 18%, transparent)}}.dpai-canvas-agentWorkingBorder:after{content:"";position:absolute;inset:0}.dpai-canvas-frameViewport{transform-origin:0 0;position:absolute;top:0;left:0}.dpai-canvas-frameViewport iframe{background:var(--color-dpai-inverse);border:0;display:block}.dpai-canvas-followLatest{background:#241b32e8;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-followLatest{background:color-mix(in srgb, var(--color-dpai-ink) 91.0%, transparent)}}.dpai-canvas-followLatest{border:1px solid #ffffff24}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-followLatest{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 14.1%, transparent)}}.dpai-canvas-followLatest{border-radius:999px;bottom:10px;box-shadow:0 8px 22px #241b3240}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-followLatest{box-shadow:0 8px 22px color-mix(in srgb, var(--color-dpai-ink) 25.1%, transparent)}}.dpai-canvas-followLatest{color:var(--color-dpai-inverse);cursor:pointer;font-family:var(--dpai-font-sans);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);line-height:var(--dpai-leading-solid);white-space:nowrap;z-index:22;justify-content:center;padding:8px 11px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.dpai-canvas-followLatest:hover{background:var(--dpai-violet)}.dpai-canvas-followLatest:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-framePassThrough{pointer-events:none}.dpai-canvas-detachedPreview{background:var(--color-dpai-desk);color:var(--dpai-ink);z-index:90;grid-template-rows:52px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;animation:.18s cubic-bezier(.2,0,0,1) both dpai-detached-preview-enter;display:grid;position:absolute;inset:0}.dpai-canvas-detachedPreviewHeader{background:#fffffff5;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewHeader{background:color-mix(in srgb, var(--color-dpai-chrome) 96.1%, transparent)}}.dpai-canvas-detachedPreviewHeader{box-shadow:0 1px 0 var(--color-dpai-line), 0 8px 24px #241b320a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewHeader{box-shadow:0 1px 0 var(--color-dpai-line), 0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 3.9%, transparent)}}.dpai-canvas-detachedPreviewHeader{z-index:2;justify-content:space-between;gap:16px;padding:0 14px 0 18px;display:flex;position:relative}.dpai-canvas-detachedPreviewHeaderStart{align-items:center;gap:12px;min-width:0;display:flex}.dpai-canvas-detachedPreviewBack{background:var(--color-dpai-paper);color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);border:0;border-radius:8px;flex:none;align-items:center;gap:6px;height:34px;padding:0 11px 0 9px;transition:background-color .12s,color .12s,scale .12s cubic-bezier(.2,0,0,1);display:inline-flex}.dpai-canvas-detachedPreviewBack:hover{background:var(--color-dpai-line);color:var(--dpai-violet-dark)}.dpai-canvas-detachedPreviewBack:active{scale:.96}.dpai-canvas-detachedPreviewBack:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-detachedPreviewBack svg{width:15px;height:15px}.dpai-canvas-detachedPreviewIdentity{align-items:center;gap:8px;min-width:0;display:flex}.dpai-canvas-detachedPreviewIdentity strong{font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-detachedPreviewIdentity span{color:var(--color-dpai-subtle);font:var(--dpai-weight-regular) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-detachedPreviewControls{flex:none;align-items:center;gap:6px;display:flex}.dpai-canvas-detachedPreviewTabs{background:var(--color-dpai-paper);border-radius:10px;padding:3px;display:flex}.dpai-canvas-detachedPreviewTab{color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;transition:background-color .12s,box-shadow .12s,color .12s,scale .12s cubic-bezier(.2,0,0,1);display:inline-flex}.dpai-canvas-detachedPreviewTab:hover{background:#fff9}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewTab:hover{background:color-mix(in srgb, var(--color-dpai-chrome) 60%, transparent)}}.dpai-canvas-detachedPreviewTab:hover{color:var(--dpai-ink)}.dpai-canvas-detachedPreviewTab[aria-selected=true]{background:var(--color-dpai-inverse);box-shadow:0 1px 2px #241b321f,0 0 0 1px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewTab[aria-selected=true]{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 12.2%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-canvas-detachedPreviewTab[aria-selected=true]{color:var(--dpai-violet-dark)}.dpai-canvas-detachedPreviewTab:active{scale:.96}.dpai-canvas-detachedPreviewTab:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px;z-index:1;position:relative}.dpai-canvas-detachedPreviewTab svg{width:14px;height:14px}.dpai-canvas-detachedPreviewControls>button{color:var(--color-dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .12s,color .12s,scale .12s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.dpai-canvas-detachedPreviewControls>button:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-detachedPreviewControls>button[aria-pressed=true]{background:var(--dpai-violet);color:var(--color-dpai-inverse);box-shadow:inset 0 0 0 1px #ffffff3d}.dpai-canvas-detachedPreviewControls>button[aria-pressed=true]:hover{background:var(--dpai-violet-dark);color:var(--color-dpai-inverse)}.dpai-canvas-detachedPreviewControls>button:active{scale:.96}.dpai-canvas-detachedPreviewControls>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-detachedPreviewControls>button svg{width:16px;height:16px}.dpai-canvas-detachedPreviewControls>button[data-tooltip]:after{background:var(--dpai-ink);color:var(--color-dpai-inverse);content:attr(data-tooltip);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/1 var(--dpai-font-sans);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:3;border-radius:6px;padding:7px 8px;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 7px);right:0;transform:translateY(-3px)}.dpai-canvas-detachedPreviewControls>button[data-tooltip]:hover:after,.dpai-canvas-detachedPreviewControls>button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.dpai-canvas-detachedPreviewBody{grid-template-columns:minmax(0,1fr) clamp(208px,18vw,248px);min-width:0;min-height:0;display:grid}.dpai-canvas-detachedPreviewStage{place-items:start center;min-width:0;min-height:0;padding:clamp(12px,2vw,20px);display:grid;overflow:hidden}.dpai-canvas-detachedPreviewSidebar{background:#f8f6fcf2}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewSidebar{background:color-mix(in srgb, var(--color-dpai-paper) 94.9%, transparent)}}.dpai-canvas-detachedPreviewSidebar{box-shadow:-1px 0 0 var(--color-dpai-line), -12px 0 30px #241b3206}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewSidebar{box-shadow:-1px 0 0 var(--color-dpai-line), -12px 0 30px color-mix(in srgb, var(--color-dpai-ink) 2.4%, transparent)}}.dpai-canvas-detachedPreviewSidebar{z-index:1;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.dpai-canvas-detachedPreviewSidebarHeader{flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 14px 0 16px;display:flex}.dpai-canvas-detachedPreviewSidebarHeader strong{font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans)}.dpai-canvas-detachedPreviewSidebarHeader span{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;display:inline-flex}.dpai-canvas-detachedPreviewPageList{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:4px;min-height:0;padding:4px 8px 12px;display:flex;overflow-y:auto}.dpai-canvas-detachedPreviewPage{color:var(--color-dpai-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;flex:none;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:48px;padding:6px;transition:background-color .12s,box-shadow .12s,color .12s,scale .12s cubic-bezier(.2,0,0,1);display:grid}.dpai-canvas-detachedPreviewPage:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-detachedPreviewPage[aria-current=page]{background:var(--color-dpai-inverse);box-shadow:0 1px 2px #241b3214, inset 0 0 0 1px var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewPage[aria-current=page]{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--dpai-violet) 22%, transparent)}}.dpai-canvas-detachedPreviewPage[aria-current=page]{color:var(--dpai-violet-dark)}.dpai-canvas-detachedPreviewPage:active{scale:.96}.dpai-canvas-detachedPreviewPage:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px}.dpai-canvas-detachedPreviewPageIcon{background:var(--color-dpai-desk);color:var(--color-dpai-muted);border-radius:4px;justify-content:center;align-self:stretch;align-items:center;min-height:28px;display:flex}.dpai-canvas-detachedPreviewPage[aria-current=page] .dpai-canvas-detachedPreviewPageIcon{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewPage[aria-current=page] .dpai-canvas-detachedPreviewPageIcon{background:color-mix(in srgb, var(--dpai-violet) 12%, white)}}.dpai-canvas-detachedPreviewPage[aria-current=page] .dpai-canvas-detachedPreviewPageIcon{color:var(--dpai-violet)}.dpai-canvas-detachedPreviewPageIcon svg{width:14px;height:14px}.dpai-canvas-detachedPreviewPageCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.dpai-canvas-detachedPreviewPageCopy strong,.dpai-canvas-detachedPreviewPageCopy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-detachedPreviewPageCopy strong{font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans)}.dpai-canvas-detachedPreviewPageCopy small{color:var(--color-dpai-subtle);font:var(--dpai-weight-regular) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-canvas-detachedPreviewViewport{background:var(--color-dpai-inverse);border-radius:6px;box-shadow:0 18px 48px #241b3224}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-detachedPreviewViewport{box-shadow:0 18px 48px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent)}}.dpai-canvas-detachedPreviewViewport{outline:1px solid oklch(0% 0 0/.1);flex:none;transition:height .15s cubic-bezier(.2,0,0,1),width .15s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.dpai-canvas-detachedPreviewFrame{background:var(--color-dpai-inverse);transform-origin:0 0;border:0;transition:transform .15s cubic-bezier(.2,0,0,1);display:block;position:absolute;top:0;left:0}.dpai-canvas-reviewInlineOverlay{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;z-index:24;position:absolute;inset:0}.dpai-canvas-reviewInlineOverlay[data-active=false],.dpai-canvas-reviewInlineOverlay[data-trail=true],.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkLayer,.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkLayer g{pointer-events:none}.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkLayer circle,.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkLayer text,.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkAvatarImage,.dpai-canvas-reviewInlineOverlay[data-trail=true] .dpai-canvas-reviewMarkTypeBadge{opacity:0}.dpai-canvas-reviewMarkLayer{pointer-events:auto;position:absolute;inset:0;overflow:visible}.dpai-canvas-reviewMarkLayer polyline,.dpai-canvas-reviewMarkLayer rect,.dpai-canvas-reviewMarkLayer ellipse{opacity:0;pointer-events:none;stroke:var(--dpai-violet-hover);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke;transition:opacity .12s,stroke .12s}.dpai-canvas-reviewMarkLayer g{cursor:pointer}.dpai-canvas-reviewMarkLayer g:hover polyline,.dpai-canvas-reviewMarkLayer g:hover rect,.dpai-canvas-reviewMarkLayer g:hover ellipse,.dpai-canvas-reviewMarkLayer g:focus-visible polyline,.dpai-canvas-reviewMarkLayer g:focus-visible rect,.dpai-canvas-reviewMarkLayer g:focus-visible ellipse,.dpai-canvas-reviewMarkLayer g[data-active=true] polyline,.dpai-canvas-reviewMarkLayer g[data-active=true] rect,.dpai-canvas-reviewMarkLayer g[data-active=true] ellipse,.dpai-canvas-reviewMarkLayer g[data-submitted=false] polyline,.dpai-canvas-reviewMarkLayer g[data-submitted=false] rect,.dpai-canvas-reviewMarkLayer g[data-submitted=false] ellipse{opacity:1;stroke:var(--dpai-violet-dark)}.dpai-canvas-reviewMarkLayer circle{fill:var(--dpai-violet-hover);stroke:var(--color-dpai-inverse);stroke-width:2px;vector-effect:non-scaling-stroke}.dpai-canvas-reviewMarkLayer g[data-submitted=true] circle{fill:var(--dpai-violet-dark)}.dpai-canvas-reviewMarkLayer text{dominant-baseline:central;fill:var(--color-dpai-inverse);font-family:var(--dpai-font-sans);font-weight:var(--dpai-weight-bold);text-anchor:middle}.dpai-canvas-reviewMarkAvatarImage{clip-path:circle(48%);image-rendering:auto}.dpai-canvas-reviewMarkTypeBadge{shape-rendering:geometricprecision}.dpai-canvas-reviewMarkLayer .dpai-canvas-reviewMarkTypeBadge>circle{fill:var(--color-dpai-inverse);stroke:var(--color-dpai-line-strong);stroke-width:1.75px;vector-effect:non-scaling-stroke}.dpai-canvas-reviewMarkLayer .dpai-canvas-reviewMarkTypeBadge>rect,.dpai-canvas-reviewMarkLayer .dpai-canvas-reviewMarkTypeBadge>path{fill:none;stroke:var(--dpai-violet-dark);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;vector-effect:non-scaling-stroke}.dpai-canvas-reviewMarkLayer .dpai-canvas-reviewMarkTypeBadge>circle:nth-of-type(2){fill:var(--dpai-violet-dark);stroke:none}.dpai-canvas-reviewTrailPins{pointer-events:none;position:absolute;inset:0}.dpai-canvas-reviewTrailMarker{pointer-events:auto;transform-origin:50%;width:30px;height:30px;position:absolute}.dpai-canvas-reviewTrailPin{background:var(--color-dpai-violet);border:3px solid #fff;border-radius:999px;align-items:center;box-shadow:0 0 0 1px #7438d04d,0 3px 10px #7438d033}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-reviewTrailPin{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-violet) 30.2%, transparent), 0 3px 10px color-mix(in srgb, var(--color-dpai-violet) 20.0%, transparent)}}.dpai-canvas-reviewTrailPin{color:var(--color-dpai-inverse);cursor:pointer;font:500 12px/1 var(--dpai-font-sans);pointer-events:auto;transform-origin:50%;justify-content:center;width:30px;height:30px;padding:0;display:flex;position:relative}.dpai-canvas-reviewTrailPin:hover,.dpai-canvas-reviewTrailPin:focus-visible{background:var(--color-dpai-violet);box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet), 0 4px 12px #7438d033}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-reviewTrailPin:hover,.dpai-canvas-reviewTrailPin:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet), 0 4px 12px color-mix(in srgb, var(--color-dpai-violet) 20.0%, transparent)}}.dpai-canvas-reviewTrailPin:hover,.dpai-canvas-reviewTrailPin:focus-visible{outline:0}.dpai-canvas-commentTypeBadge{background:var(--color-dpai-inverse);box-shadow:0 0 0 1px var(--color-dpai-line-strong), 0 2px 5px #241b3226;border:2px solid #fff;border-radius:999px;align-items:center;bottom:-4px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentTypeBadge{box-shadow:0 0 0 1px var(--color-dpai-line-strong), 0 2px 5px color-mix(in srgb, var(--color-dpai-ink) 14.9%, transparent)}}.dpai-canvas-commentTypeBadge{color:var(--dpai-violet-dark);pointer-events:none;justify-content:center;width:17px;height:17px;display:flex;position:absolute;right:-4px}.dpai-canvas-commentTypeBadge svg{shape-rendering:geometricprecision;stroke-width:2.25px;width:10px;height:10px}.dpai-canvas-markerHoverCard{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:10px;box-shadow:0 12px 30px #241b3229,0 2px 8px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-markerHoverCard{box-shadow:0 12px 30px color-mix(in srgb, var(--color-dpai-ink) 16.1%, transparent), 0 2px 8px color-mix(in srgb, var(--color-dpai-ink) 12.2%, transparent)}}.dpai-canvas-markerHoverCard{color:var(--dpai-ink);opacity:0;pointer-events:none;transform-origin:0 0;visibility:hidden;z-index:80;width:220px;padding:9px;transition:opacity .1s,visibility .1s;position:absolute}.dpai-canvas-pickMarker:hover>.dpai-canvas-markerHoverCard,.dpai-canvas-pickMarker:focus-within>.dpai-canvas-markerHoverCard,.dpai-canvas-reviewTrailMarker:hover>.dpai-canvas-markerHoverCard,.dpai-canvas-reviewTrailMarker:focus-within>.dpai-canvas-markerHoverCard,.dpai-canvas-markerHoverCard[data-visible=true]{opacity:1;pointer-events:auto;visibility:visible}.dpai-canvas-reviewTrailMarker>.dpai-canvas-markerHoverCard{top:-18px;transform:none}.dpai-canvas-reviewTrailMarker[data-side=right]>.dpai-canvas-markerHoverCard{left:34px}.dpai-canvas-reviewTrailMarker[data-side=left]>.dpai-canvas-markerHoverCard{right:34px}.dpai-canvas-markerHoverCard:before{content:"";width:8px;position:absolute;inset-block:0}.dpai-canvas-markerHoverCard[data-side=right]:before,.dpai-canvas-reviewTrailMarker[data-side=right]>.dpai-canvas-markerHoverCard:before{right:100%}.dpai-canvas-markerHoverCard[data-side=left]:before,.dpai-canvas-reviewTrailMarker[data-side=left]>.dpai-canvas-markerHoverCard:before{left:100%}.dpai-canvas-markerHoverCard header{color:var(--dpai-muted);font:600 11px/1.2 var(--dpai-font-sans);align-items:center;gap:5px;display:flex}.dpai-canvas-markerHoverCard header svg{color:var(--dpai-violet-dark);width:12px;height:12px}.dpai-canvas-markerHoverCard p{font:500 12px/1.4 var(--dpai-font-sans);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 9px;display:-webkit-box;overflow:hidden}.dpai-canvas-markerHoverCard>button{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);cursor:pointer;font:700 11px/1 var(--dpai-font-sans);border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;min-height:28px;padding:0 9px;display:flex}.dpai-canvas-markerHoverCard>button:hover{background:var(--color-dpai-violet-soft)}.dpai-canvas-markerHoverCard>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-canvas-markerHoverCard>button:disabled{cursor:wait;opacity:.62}.dpai-canvas-markerHoverCard>button svg{stroke-width:2.2px;width:13px;height:13px}.dpai-canvas-reviewInlineComment{background:var(--color-dpai-inverse);border:1px solid var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-reviewInlineComment{border:1px solid color-mix(in srgb, var(--dpai-violet) 48%, var(--dpai-line))}}.dpai-canvas-reviewInlineComment{border-radius:12px;box-shadow:0 16px 42px #241b3238,0 0 0 3px #7438d012}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-reviewInlineComment{box-shadow:0 16px 42px color-mix(in srgb, var(--color-dpai-ink) 22.0%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 7.1%, transparent)}}.dpai-canvas-reviewInlineComment{cursor:default;pointer-events:auto;transform-origin:0 0;z-index:4;width:250px;padding:10px;position:absolute}.dpai-canvas-reviewInlineComment>header{grid-template-columns:24px 1fr 24px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.dpai-canvas-reviewInlineComment header>span{background:var(--dpai-violet-hover);color:var(--color-dpai-inverse);font:var(--dpai-weight-bold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.dpai-canvas-reviewInlineComment header>span i{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--dpai-violet-dark);border-radius:999px;justify-content:center;align-items:center;width:13px;height:13px;display:flex;position:absolute;bottom:-4px;right:-4px}.dpai-canvas-reviewInlineComment header>span i svg{width:7px;height:7px}.dpai-canvas-reviewInlineComment header>span>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.dpai-canvas-reviewInlineComment header>strong{color:var(--dpai-ink);font:var(--dpai-weight-bold) var(--dpai-text-label)/var(--dpai-leading-label) var(--dpai-font-sans)}.dpai-canvas-reviewInlineComment header>button{color:var(--dpai-muted);background:0 0;border:0;padding:0;font-size:18px}.dpai-canvas-reviewInlineComment textarea{background:var(--dpai-paper);border:1px solid var(--dpai-line);color:var(--dpai-ink);font:var(--dpai-weight-regular) var(--dpai-text-body-sm)/var(--dpai-leading-body-sm) var(--dpai-font-sans);resize:none;border-radius:8px;outline:0;width:100%;height:76px;padding:9px 10px}.dpai-canvas-reviewInlineComment textarea:focus{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-reviewInlineComment textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-reviewInlineComment>footer{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.dpai-canvas-reviewInlineComment footer>div{align-items:center;gap:5px;display:flex}.dpai-canvas-reviewInlineComment footer button{color:var(--color-dpai-danger);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-caption) var(--dpai-font-sans);background:0 0;border:0;border-radius:7px;min-height:28px;padding:0 8px}.dpai-canvas-reviewInlineComment footer button:hover:not(:disabled){background:var(--color-dpai-danger-soft)}.dpai-canvas-reviewInlineComment footer button[data-primary]{background:var(--dpai-violet);color:var(--color-dpai-inverse);padding-inline:11px}.dpai-canvas-reviewInlineComment footer button[data-primary]:hover:not(:disabled){background:var(--dpai-violet-dark)}.dpai-canvas-reviewInlineComment footer button:disabled{cursor:default;opacity:.42}.dpai-canvas-viewportRail{z-index:20;flex-direction:column;align-items:center;gap:6px;transition:opacity .12s,visibility .12s;display:flex;position:absolute;top:26px;left:auto;right:calc(100% + 8px)}.dpai-canvas-viewportRail:before{content:"";width:8px;height:100%;position:absolute;top:0;left:100%}.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup{background:#fffffff0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup{border:1px solid var(--color-dpai-line);border-radius:999px;box-shadow:0 8px 22px #241b3226}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup{box-shadow:0 8px 22px color-mix(in srgb, var(--color-dpai-ink) 14.9%, transparent)}}.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup{flex-direction:column;padding:4px;display:flex}.dpai-canvas-frameControlGroup>button,.dpai-canvas-viewportSwitch button{color:var(--color-dpai-muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:relative}.dpai-canvas-frameControlGroup svg,.dpai-canvas-viewportControlGroup svg,.dpai-canvas-viewportSwitch svg{width:14px;height:14px}.dpai-canvas-frameControlGroup>button:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-frameControlGroup>button[aria-pressed=true]{background:var(--color-dpai-violet-soft);color:var(--dpai-violet)}.dpai-canvas-frameControlGroup>button:disabled{cursor:default;opacity:.45}.dpai-canvas-pageActionHint{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#fffffff0;align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionHint{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-pageActionHint{border:1px solid var(--color-dpai-chrome);box-shadow:0 18px 42px #241b3224, inset 0 1px var(--color-dpai-chrome);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionHint{box-shadow:0 18px 42px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent), inset 0 1px var(--color-dpai-chrome)}}.dpai-canvas-pageActionHint{color:var(--dpai-ink);z-index:90;gap:10px;width:210px;padding:10px 10px 10px 12px;display:flex;position:absolute;top:126px;left:calc(100% + 10px)}.dpai-canvas-pageActionHint:before{border-bottom:6px solid #0000;border-right:7px solid #fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionHint:before{border-right:7px solid color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-pageActionHint:before{content:"";border-top:6px solid #0000;position:absolute;top:13px;right:100%}.dpai-canvas-pageActionHint>span{gap:2px;display:grid}.dpai-canvas-pageActionHint strong{font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-caption) var(--dpai-font-sans)}.dpai-canvas-pageActionHint small{color:var(--dpai-muted);font:var(--dpai-weight-regular) 11px/1.35 var(--dpai-font-sans)}.dpai-canvas-pageActionHint button{color:var(--color-dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin:-3px -3px 0 0;padding:0;display:flex}.dpai-canvas-pageActionHint button:hover{background:#241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionHint button:hover{background:color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-canvas-pageActionHint button:hover{color:var(--dpai-ink)}.dpai-canvas-pageActionHint svg{width:13px;height:13px}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-pageActionHint{top:calc(100% + 9px);left:auto;right:0}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-pageActionHint:before{border-bottom:7px solid #fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-pageActionHint:before{border-bottom:7px solid color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-pageActionHint:before{border-top:0;border-left:6px solid #0000;border-right:6px solid #0000;inset:auto 15px 100% auto}.dpai-canvas-pageActionMenu{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionMenu{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-pageActionMenu{border:1px solid var(--color-dpai-chrome);box-shadow:0 24px 64px #241b322e, 0 4px 16px #241b321a, inset 0 1px var(--color-dpai-chrome);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionMenu{box-shadow:0 24px 64px color-mix(in srgb, var(--color-dpai-ink) 18.0%, transparent), 0 4px 16px color-mix(in srgb, var(--color-dpai-ink) 10.2%, transparent), inset 0 1px var(--color-dpai-chrome)}}.dpai-canvas-pageActionMenu{color:var(--dpai-ink);z-index:500;width:226px;position:fixed;overflow:hidden}.dpai-canvas-pageActionMenu:focus-visible{outline:2px solid var(--color-dpai-violet-light);outline-offset:2px}.dpai-canvas-pageActionMenuItems{padding:4px;display:grid}.dpai-canvas-pageActionMenuItem{color:var(--dpai-ink);cursor:default;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:34px;padding:4px 7px;transition-property:background-color,color,scale;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:relative}.dpai-canvas-pageActionMenuItem:active:not(:disabled){scale:.96}.dpai-canvas-pageActionMenuItem:hover,.dpai-canvas-pageActionMenuItem:focus-visible{background:#241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionMenuItem:hover,.dpai-canvas-pageActionMenuItem:focus-visible{background:color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-canvas-pageActionMenuItem:hover,.dpai-canvas-pageActionMenuItem:focus-visible{outline:none}.dpai-canvas-pageActionMenuItem:disabled{cursor:not-allowed;opacity:.48}.dpai-canvas-pageActionMenuItem:disabled:hover{background:0 0}.dpai-canvas-pageActionMenuItem[data-tone=caution]:hover,.dpai-canvas-pageActionMenuItem[data-tone=caution]:focus-visible{background:#ba343e10}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionMenuItem[data-tone=caution]:hover,.dpai-canvas-pageActionMenuItem[data-tone=caution]:focus-visible{background:color-mix(in srgb, var(--color-dpai-danger) 6.3%, transparent)}}.dpai-canvas-pageActionMenuItem[data-separated=true]{margin-top:9px}.dpai-canvas-pageActionMenuItem[data-separated=true]:before{background:#241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pageActionMenuItem[data-separated=true]:before{background:color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent)}}.dpai-canvas-pageActionMenuItem[data-separated=true]:before{content:"";pointer-events:none;height:1px;position:absolute;top:-5px;left:0;right:0}.dpai-canvas-pageActionMenuIcon{color:var(--color-dpai-muted);justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dpai-canvas-pageActionMenuItem[data-tone=caution] .dpai-canvas-pageActionMenuIcon{color:var(--color-dpai-danger)}.dpai-canvas-pageActionMenuIcon{position:relative}.dpai-canvas-pageActionMenuIcon svg{width:14px;height:14px;transition-property:opacity,scale,filter;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,0,0,1)}.dpai-canvas-pageActionMenuIcon svg[data-copy-icon=check]{filter:blur(4px);opacity:0;position:absolute;inset:4px;scale:.25}.dpai-canvas-pageActionMenuItem[data-copy-state=copied] .dpai-canvas-pageActionMenuIcon svg[data-copy-icon=copy]{filter:blur(4px);opacity:0;scale:.25}.dpai-canvas-pageActionMenuItem[data-copy-state=copied] .dpai-canvas-pageActionMenuIcon svg[data-copy-icon=check]{filter:blur();opacity:1;scale:1}.dpai-canvas-pageActionMenuItem[data-copy-state=copied],.dpai-canvas-pageActionMenuItem[data-copy-state=copied] .dpai-canvas-pageActionMenuIcon{color:var(--color-dpai-positive)}.dpai-canvas-pageActionMenuItem strong{font:var(--dpai-weight-semibold) 12px/1.25 var(--dpai-font-sans);white-space:nowrap}.dpai-canvas-feedbackPopover{background:#fffffff8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-feedbackPopover{background:color-mix(in srgb, var(--color-dpai-chrome) 97.3%, transparent)}}.dpai-canvas-feedbackPopover{border:1px solid var(--color-dpai-line);border-radius:12px;box-shadow:0 16px 42px #241b322b}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-feedbackPopover{box-shadow:0 16px 42px color-mix(in srgb, var(--color-dpai-ink) 16.9%, transparent)}}.dpai-canvas-feedbackPopover{color:var(--dpai-ink);font-family:var(--dpai-font-sans);max-height:var(--available-height,calc(100dvh - 24px));z-index:40;gap:12px;width:min(320px,100vw - 24px);padding:13px;display:grid;position:relative;overflow-y:auto}.dpai-canvas-feedbackHeader{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.dpai-canvas-feedbackHeader>span{gap:2px;display:grid}.dpai-canvas-feedbackHeader strong{font-size:var(--dpai-text-label);line-height:var(--dpai-leading-label)}.dpai-canvas-feedbackHeader small{color:var(--dpai-muted);font-size:var(--dpai-text-canvas);line-height:1.35}.dpai-canvas-feedbackHeader>button{color:var(--dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.dpai-canvas-feedbackHeader>button:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-feedbackCategories button{background:var(--dpai-paper);border:1px solid var(--dpai-line);color:var(--dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/1 var(--dpai-font-sans);border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 8px;display:inline-flex}.dpai-canvas-feedbackCategories button:hover{border-color:var(--color-dpai-violet-light);color:var(--dpai-ink)}.dpai-canvas-feedbackCategories{border:0;gap:6px;margin:0;padding:0;display:grid}.dpai-canvas-feedbackCategories legend,.dpai-canvas-feedbackField>span{color:var(--color-dpai-muted);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold)}.dpai-canvas-feedbackCategories>div{flex-wrap:wrap;gap:5px;display:flex}.dpai-canvas-feedbackCategories button{min-height:26px;padding:0 7px}.dpai-canvas-feedbackCategories button[aria-pressed=true]{background:var(--color-dpai-violet-soft);border-color:var(--color-dpai-violet-light);color:var(--dpai-violet-dark)}.dpai-canvas-feedbackField{gap:6px;display:grid}.dpai-canvas-feedbackField textarea{background:var(--color-dpai-inverse);border:1px solid var(--dpai-line);color:var(--dpai-ink);font:var(--dpai-weight-regular) var(--dpai-text-canvas)/1.45 var(--dpai-font-sans);resize:vertical;border-radius:8px;min-height:64px;padding:8px 9px}.dpai-canvas-feedbackField textarea:focus{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-feedbackField textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-feedbackField textarea:focus{outline:0}.dpai-canvas-feedbackError{color:var(--color-dpai-danger);font-size:var(--dpai-text-canvas);margin:0}.dpai-canvas-feedbackActions{justify-content:flex-end;gap:6px;display:flex}.dpai-canvas-feedbackActions button{border:1px solid var(--dpai-line);color:var(--dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/1 var(--dpai-font-sans);background:0 0;border-radius:7px;min-height:30px;padding:0 9px}.dpai-canvas-feedbackActions button[data-primary]{background:var(--dpai-violet);border-color:var(--dpai-violet);color:var(--color-dpai-inverse)}.dpai-canvas-feedbackActions button[data-primary]:hover:not(:disabled){background:var(--dpai-violet-dark)}.dpai-canvas-feedbackActions button:disabled{cursor:default;opacity:.42}.dpai-canvas-viewportSwitch{flex-direction:column;flex:none;display:flex;position:relative}.dpai-canvas-viewportSwitch button{color:var(--color-dpai-muted)}.dpai-canvas-viewportSwitch button:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-viewportSwitch button[aria-pressed=true]{background:var(--color-dpai-violet-soft);color:var(--dpai-violet)}.dpai-canvas-viewportSwitch button[aria-pressed=true]:hover{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-canvas-viewportSwitch button:after,.dpai-canvas-frameControlGroup>button[data-tooltip]:after{background:var(--dpai-ink);color:var(--color-dpai-inverse);content:attr(data-tooltip);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/1 var(--dpai-font-sans);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;border-radius:6px;padding:7px 8px;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:50%;left:auto;right:calc(100% + 8px);transform:translate(3px,-50%)}.dpai-canvas-viewportSwitch button:hover:after,.dpai-canvas-viewportSwitch button:focus-visible:after,.dpai-canvas-frameControlGroup>button[data-tooltip]:hover:after,.dpai-canvas-frameControlGroup>button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)}.dpai-canvas-viewportSwitch svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.dpai-canvas-elementOverlay{pointer-events:none;z-index:15;position:absolute;inset:26px 0 0}.dpai-canvas-elementOverlayClip{position:absolute;inset:0;overflow:hidden}.dpai-canvas-hoverTarget,.dpai-canvas-elementSelectionTarget,.dpai-canvas-pickOutline{box-sizing:border-box;pointer-events:none;position:absolute}.dpai-canvas-hoverTarget{background:var(--dpai-violet);animation:.14s cubic-bezier(.22,1,.36,1) target-lock}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-hoverTarget{background:color-mix(in srgb, var(--dpai-violet) 4%, transparent)}}.dpai-canvas-hoverTarget{border:1px dashed var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-hoverTarget{border:1px dashed color-mix(in srgb, var(--dpai-violet) 92%, transparent)}}.dpai-canvas-hoverTarget{border-radius:3px}.dpai-canvas-elementSelectionTarget{border:1px solid var(--color-dpai-ink);background:0 0;border-radius:2px;box-shadow:0 0 0 1px #ffffffd9}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionTarget{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-chrome) 85.1%, transparent)}}.dpai-canvas-elementSelectionControls{background:var(--dpai-ink);align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionControls{background:color-mix(in srgb, var(--dpai-ink) 94%, transparent)}}.dpai-canvas-elementSelectionControls{border-radius:7px;box-shadow:0 8px 24px #241b3229,inset 0 0 0 1px #ffffff1f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionControls{box-shadow:0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 16.1%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--color-dpai-chrome) 12.2%, transparent)}}.dpai-canvas-elementSelectionControls{color:var(--color-dpai-inverse);font:var(--dpai-weight-medium) 10px/1 var(--dpai-font-body);pointer-events:auto;white-space:nowrap;z-index:90;gap:3px;max-width:min(430px,100% - 8px);min-height:30px;padding:3px;display:flex;position:absolute}.dpai-canvas-elementSelectionControls button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;min-height:24px;padding:0 6px;transition:background-color .1s,color .1s,opacity .1s;display:inline-flex}.dpai-canvas-elementSelectionControls button:hover:not(:disabled){background:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionControls button:hover:not(:disabled){background:color-mix(in srgb, var(--color-dpai-chrome) 9.0%, transparent)}}.dpai-canvas-elementSelectionControls button:active:not(:disabled){scale:.96}.dpai-canvas-elementSelectionControls button:focus-visible{outline-offset:-2px;outline:2px solid #fff}.dpai-canvas-elementSelectionControls button:disabled{cursor:not-allowed;opacity:.42}.dpai-canvas-elementSelectionControls button svg{width:12px;height:12px}.dpai-canvas-elementSelectionTag{color:#ffffffa8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionTag{color:color-mix(in srgb, var(--color-dpai-chrome) 65.9%, transparent)}}.dpai-canvas-elementSelectionTag{font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);text-overflow:ellipsis;max-width:70px;padding:0 6px;overflow:hidden}.dpai-canvas-elementSelectionReadonly{color:#ffffffa8}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionReadonly{color:color-mix(in srgb, var(--color-dpai-chrome) 65.9%, transparent)}}.dpai-canvas-elementSelectionReadonly{padding:0 6px;font-size:10px}.dpai-canvas-elementSelectionEditor,.dpai-canvas-elementSelectionConfirm{align-items:center;gap:3px;display:flex}.dpai-canvas-elementSelectionControls[data-mode=edit]{align-items:stretch;width:min(340px,100% - 8px);padding:10px}.dpai-canvas-elementSelectionControls[data-mode=suggest]{white-space:normal;align-items:stretch;width:min(232px,100% - 8px);padding:6px}.dpai-canvas-elementSelectionEditor{align-items:stretch;gap:8px;width:100%;display:grid}.dpai-canvas-elementSelectionEditor label{gap:6px;display:grid}.dpai-canvas-elementSelectionEditor label>span{color:#ffffffbd}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionEditor label>span{color:color-mix(in srgb, var(--color-dpai-chrome) 74.1%, transparent)}}.dpai-canvas-elementSelectionEditor label>span{font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);letter-spacing:.04em;text-transform:uppercase}.dpai-canvas-elementSelectionEditor textarea{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);font:var(--dpai-weight-medium) 12px/1.45 var(--dpai-font-body);resize:vertical;white-space:pre-wrap;border-radius:5px;outline:none;width:100%;min-height:72px;padding:9px 10px}.dpai-canvas-elementSelectionEditor textarea:focus{border-color:var(--color-dpai-muted);box-shadow:0 0 0 2px #ffffff40}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionEditor textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-chrome) 25.1%, transparent)}}.dpai-canvas-elementSelectionEditor footer{justify-content:flex-end;gap:4px;display:flex}.dpai-canvas-elementSelectionEditor footer>button:last-child{background:var(--color-dpai-inverse);color:var(--dpai-ink)}.dpai-canvas-elementSelectionEditor footer>button:last-child:hover:not(:disabled){background:var(--color-dpai-desk)}.dpai-canvas-elementSelectionConfirm>span{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-elementSelectionConfirm>span{color:color-mix(in srgb, var(--color-dpai-chrome) 78.0%, transparent)}}.dpai-canvas-elementSelectionConfirm>span{padding:0 7px}.dpai-canvas-elementSelectionConfirm>button:first-of-type{background:var(--dpai-danger,var(--color-dpai-danger));color:var(--color-dpai-inverse)}.dpai-canvas-elementSelectionError{background:var(--color-dpai-danger);color:var(--color-dpai-inverse);white-space:normal;border-radius:4px;max-width:320px;margin:5px 0 0;padding:6px 8px;font-size:10px;line-height:1.35;position:absolute;top:100%;left:0}.dpai-canvas-elementSelectionControls[data-below=true] .dpai-canvas-elementSelectionError{margin:0 0 5px;top:auto;bottom:100%}.dpai-canvas-pickOutline{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pickOutline{background:color-mix(in srgb, var(--dpai-violet) 10%, transparent)}}.dpai-canvas-pickOutline{border:2px solid var(--dpai-violet);opacity:0;border-radius:2px;transition:opacity .12s}.dpai-canvas-pickMarker[data-visible=true] .dpai-canvas-pickOutline,.dpai-canvas-pickMarker:hover .dpai-canvas-pickOutline,.dpai-canvas-pickMarker:focus-within .dpai-canvas-pickOutline{opacity:1}.dpai-canvas-pickMarker>button{background:var(--color-dpai-violet);border:3px solid #fff;border-radius:999px;align-items:center;box-shadow:0 0 0 1px #7438d04d,0 3px 10px #7438d033}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pickMarker>button{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-violet) 30.2%, transparent), 0 3px 10px color-mix(in srgb, var(--color-dpai-violet) 20.0%, transparent)}}.dpai-canvas-pickMarker>button{color:var(--color-dpai-inverse);cursor:pointer;font:500 12px/1 var(--dpai-font-sans);pointer-events:auto;justify-content:center;width:30px;height:30px;padding:0;transition:background-color .14s,box-shadow .14s,transform .14s;display:flex;position:absolute}.dpai-canvas-pickMarker>button:hover{background:var(--color-dpai-violet)}.dpai-canvas-pickMarker>button[data-active=true]{box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet), 0 4px 12px #7438d033}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-pickMarker>button[data-active=true]{box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet), 0 4px 12px color-mix(in srgb, var(--color-dpai-violet) 20.0%, transparent)}}.dpai-canvas-pickMarker>button>img,.dpai-canvas-reviewTrailPin>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.dpai-canvas-noteComposer{background:var(--color-dpai-inverse);border:1px solid var(--dpai-line);border-radius:12px;box-shadow:0 16px 38px #241b322e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-noteComposer{box-shadow:0 16px 38px color-mix(in srgb, var(--color-dpai-ink) 18.0%, transparent)}}.dpai-canvas-noteComposer{pointer-events:auto;transform-origin:0 0;z-index:80;width:240px;padding:10px;position:absolute}.dpai-canvas-noteComposer header{color:var(--dpai-muted);font-size:var(--dpai-text-canvas);align-items:center;gap:6px;margin-bottom:6px;display:flex}.dpai-canvas-noteComposer header svg{color:var(--dpai-violet);width:12px;height:12px}.dpai-canvas-noteComposer header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-noteComposer textarea{background:var(--color-dpai-paper);border:1px solid var(--dpai-line);color:var(--dpai-ink);font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-sans);resize:none;border-radius:8px;outline:none;width:100%;height:80px;padding:8px}.dpai-canvas-noteComposer textarea:focus{border-color:var(--color-dpai-violet-light);box-shadow:0 0 0 2px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-noteComposer textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-noteComposer footer{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.dpai-canvas-noteComposer footer button{color:var(--dpai-muted);cursor:pointer;font-size:var(--dpai-text-canvas);background:0 0;border:0;border-radius:7px;height:28px}.dpai-canvas-noteComposer footer button:first-child{width:auto;padding:0 8px}.dpai-canvas-noteComposer footer button:first-child svg{width:14px;height:14px}.dpai-canvas-noteComposer footer button:last-child{background:var(--dpai-violet);color:var(--color-dpai-inverse);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);padding:0 10px}.dpai-canvas-noteComposer footer button:disabled{cursor:default;opacity:.4}@keyframes target-lock{0%{opacity:.45;outline:1px solid color-mix(in srgb, var(--color-dpai-violet) 25.1%, transparent);outline-offset:4px}to{opacity:1;outline-offset:1px;outline:1px solid #0000}}@keyframes frame-selection-confirm{0%{background:color-mix(in srgb, var(--dpai-violet) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dpai-violet) 16%, transparent);opacity:.7}to{opacity:0;background:0 0;box-shadow:inset 0 0 0 1px #0000}}@keyframes element-selection-confirm{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--dpai-violet) 55%, transparent);opacity:.45;transform:scale(.97)}45%{box-shadow:0 0 0 5px color-mix(in srgb, var(--dpai-violet) 12%, transparent);opacity:1}to{opacity:1;transform:scale(1);box-shadow:0 0 0 8px #0000}}@property --dpai-generating-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes agent-working-border-beam{to{--dpai-generating-border-angle:360deg}}@keyframes agent-status-pulse{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes dpai-detached-preview-enter{0%{opacity:0}to{opacity:1}}@media (width<=640px){.dpai-canvas-detachedPreviewHeader{padding-inline:10px}.dpai-canvas-detachedPreviewIdentity span{display:none}.dpai-canvas-detachedPreviewTab{padding-inline:8px}.dpai-canvas-detachedPreviewBody{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.dpai-canvas-detachedPreviewSidebar{box-shadow:0 -1px 0 var(--color-dpai-line)}.dpai-canvas-detachedPreviewSidebarHeader{padding:8px 12px}.dpai-canvas-detachedPreviewPageList{flex-direction:row;padding:0 12px 12px;overflow-x:auto}.dpai-canvas-detachedPreviewPage{flex:none;width:min(200px,70vw)}}@media (width<=480px){.dpai-canvas-detachedPreviewIdentity{display:none}.dpai-canvas-detachedPreviewTab{width:32px;padding:0}.dpai-canvas-detachedPreviewTab span{display:none}}@media (prefers-reduced-motion:reduce){.dpai-canvas-frameSurface[data-frame-load-state=loading]{animation:none}.dpai-canvas-frameNode,.dpai-canvas-frameSurface,.dpai-canvas-viewportRail,.viewportMorph,.dpai-canvas-viewportSwitch svg,.dpai-canvas-detachedPreviewViewport,.dpai-canvas-detachedPreviewFrame{transition:none}.dpai-canvas-frameSelectionBurst,.dpai-canvas-hoverTarget,.dpai-canvas-pickOutline,.dpai-canvas-detachedPreview,.dpai-canvas-agentPageStatus i,.dpai-canvas-statusDots,.dpai-canvas-agentWorkingBorder:before{animation:none}.dpai-canvas-agentWorkingBorder:before{--dpai-generating-border-angle:305deg}}.dpai-canvas-toolPanel{margin:12px!important}.dpai-canvas-agentPreviewPanel{background:#fffffff2}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel{background:color-mix(in srgb, var(--color-dpai-chrome) 94.9%, transparent)}}.dpai-canvas-agentPreviewPanel{border:1px solid var(--color-dpai-line);border-radius:12px;box-shadow:0 10px 28px #241b3222;bottom:80px!important}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel{box-shadow:0 10px 28px color-mix(in srgb, var(--color-dpai-ink) 13.3%, transparent)}}.dpai-canvas-agentPreviewPanel{color:var(--dpai-ink);width:232px;padding:10px;transition:border-color .18s,box-shadow .18s,right .22s cubic-bezier(.22,1,.36,1);margin:12px!important}.dpai-canvas-boardShell[data-layout-open=true] .dpai-canvas-agentPreviewPanel{right:var(--dpai-layout-sidebar-width)!important}.dpai-canvas-agentPreviewPanel[data-active=true]{border-color:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel[data-active=true]{border-color:color-mix(in srgb, var(--dpai-violet) 48%, var(--color-dpai-line))}}.dpai-canvas-agentPreviewPanel[data-active=true]{box-shadow:0 10px 28px #241b3222,0 0 0 3px #7438d012}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel[data-active=true]{box-shadow:0 10px 28px color-mix(in srgb, var(--color-dpai-ink) 13.3%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 7.1%, transparent)}}.dpai-canvas-agentPreviewPanel>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.dpai-canvas-agentPreviewPanel>header>span{font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-bold);letter-spacing:var(--dpai-tracking-title);align-items:center;gap:7px;display:flex}.dpai-canvas-agentPreviewPanel>header i{background:var(--color-dpai-subtle);border-radius:999px;width:6px;height:6px;transition:background-color .18s,box-shadow .18s}.dpai-canvas-agentPreviewPanel[data-active=true]>header i{background:var(--dpai-violet);animation:1.1s ease-in-out infinite agent-status-pulse;box-shadow:0 0 0 4px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel[data-active=true]>header i{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-agentPreviewPanel>header small{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font-family:var(--dpai-font-mono);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase;border-radius:999px;padding:3px 6px}.dpai-canvas-agentPreviewFields{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:7px;display:grid}.dpai-canvas-agentPreviewFields label{min-width:0}.dpai-canvas-agentPreviewFields label>span{color:var(--color-dpai-muted);font-family:var(--dpai-font-mono);font-size:var(--dpai-text-canvas);text-transform:uppercase;margin:0 0 4px 2px;display:block}.dpai-canvas-agentPreviewFields select{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);color:var(--color-dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:8px;outline:none;width:100%;max-width:100%;height:30px;padding:0 7px}.dpai-canvas-agentPreviewFields select:hover{border-color:var(--color-dpai-line-strong)}.dpai-canvas-agentPreviewFields select:focus-visible{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #7438d01a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewFields select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 10.2%, transparent)}}.dpai-canvas-agentPreviewPanel>footer{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.dpai-canvas-agentPreviewPanel>footer p{color:var(--color-dpai-subtle);font:var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-mono);margin:0 2px}.dpai-canvas-agentPreviewPanel>footer button{color:var(--dpai-violet-dark);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-radius:6px;padding:5px 6px}.dpai-canvas-agentPreviewPanel>footer button:hover:not(:disabled){background:#7438d010}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel>footer button:hover:not(:disabled){background:color-mix(in srgb, var(--color-dpai-violet) 6.3%, transparent)}}.dpai-canvas-agentPreviewPanel>footer button:focus-visible{box-shadow:0 0 0 3px #7438d01a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-agentPreviewPanel>footer button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 10.2%, transparent)}}.dpai-canvas-agentPreviewPanel>footer button:focus-visible{outline:1px solid var(--dpai-violet)}.dpai-canvas-agentPreviewPanel>footer button:disabled{cursor:default;opacity:.35}.dpai-canvas-morphDock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock{background:color-mix(in srgb, var(--color-dpai-chrome) 54.9%, transparent)}}.dpai-canvas-morphDock{border:1px solid #e3ddeb99}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock{border:1px solid color-mix(in srgb, var(--color-dpai-line) 60%, transparent)}}.dpai-canvas-morphDock{box-shadow:0 8px 24px #241b321f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock{box-shadow:0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 12.2%, transparent)}}.dpai-canvas-morphDock{pointer-events:auto;max-width:calc(100vw - 3rem);transition:width .3s cubic-bezier(.22,1,.36,1),border-radius .3s cubic-bezier(.22,1,.36,1),padding .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.dpai-canvas-morphDock[data-open=false]{border-radius:999px;width:auto;padding:4px}.dpai-canvas-morphDock[data-open=true]{border-radius:12px;width:min(26rem,100vw - 2rem);padding:6px}.dpai-canvas-morphDock[data-open=true][data-mode=edit]{overflow:visible}.dpai-canvas-morphDock[data-open=true][data-mode=edit][data-review=true]{width:min(42rem,100vw - 2rem)}.dpai-canvas-morphDock[data-open=true][data-mode=edit][data-compact=true]{width:fit-content}.dpai-canvas-morphDock[data-open=true][data-mode=more]{width:min(15.5rem,100vw - 3rem);overflow:visible}.dpai-canvas-morphDockTrigger{background:#241b320a;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDockTrigger{background:color-mix(in srgb, var(--color-dpai-ink) 3.9%, transparent)}}.dpai-canvas-morphDockTrigger{border:1px solid #e3ddeb80}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDockTrigger{border:1px solid color-mix(in srgb, var(--color-dpai-line) 50.2%, transparent)}}.dpai-canvas-morphDockTrigger{color:var(--dpai-ink);cursor:pointer;border-radius:999px;justify-content:center;width:32px;height:32px;padding:0;transition:background-color .16s,transform .16s;display:flex}.dpai-canvas-morphDockTrigger:hover{background:#241b3217}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDockTrigger:hover{background:color-mix(in srgb, var(--color-dpai-ink) 9.0%, transparent)}}.dpai-canvas-morphDockTrigger:hover{transform:scale(1.05)}.dpai-canvas-morphDockTrigger svg{width:14px;height:14px}.dpai-canvas-morphDockContent{min-width:0;animation:.2s both dock-content-in}.dpai-canvas-morphDockRow{align-items:center;gap:6px;min-width:0;display:flex}.dpai-canvas-moreMenuRow{gap:6px}.dpai-canvas-moreMenu{flex:1;gap:3px;min-width:0;display:flex}.dpai-canvas-moreMenu>button{color:var(--dpai-ink);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:5px 7px;display:inline-flex;position:relative}.dpai-canvas-moreMenu>button:hover,.dpai-canvas-moreMenu>button:focus-visible,.dpai-canvas-moreMenu>button[data-active=true]{background:var(--color-dpai-violet-soft);outline:0}.dpai-canvas-moreMenu>button:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet)}.dpai-canvas-moreMenu>button>svg{color:var(--dpai-violet-dark);flex:none;width:16px;height:16px}.dpai-canvas-moreMenu>button>span{min-width:0;display:block}.dpai-canvas-moreMenu>button strong{font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-sans)}.dpai-canvas-moreMenu>button:before,.dpai-canvas-moreMenu>button:after{opacity:0;pointer-events:none;z-index:10;transition:opacity .14s,transform .14s;position:absolute}.dpai-canvas-moreMenu>button:before{background:var(--color-dpai-ink);content:"";width:8px;height:8px;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,3px)rotate(45deg)}.dpai-canvas-moreMenu>button:after{background:var(--color-dpai-ink);border-radius:7px;bottom:calc(100% + 10px);box-shadow:0 6px 18px #241b322e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-moreMenu>button:after{box-shadow:0 6px 18px color-mix(in srgb, var(--color-dpai-ink) 18.0%, transparent)}}.dpai-canvas-moreMenu>button:after{color:var(--color-dpai-inverse);content:attr(data-tooltip);font:var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-mono);white-space:nowrap;padding:6px 8px;left:50%;transform:translate(-50%,3px)}.dpai-canvas-moreMenu>button:hover:before,.dpai-canvas-moreMenu>button:hover:after,.dpai-canvas-moreMenu>button:focus-visible:before,.dpai-canvas-moreMenu>button:focus-visible:after{opacity:1}.dpai-canvas-moreMenu>button:hover:before,.dpai-canvas-moreMenu>button:focus-visible:before{transform:translate(-50%)rotate(45deg)}.dpai-canvas-moreMenu>button:hover:after,.dpai-canvas-moreMenu>button:focus-visible:after{transform:translate(-50%)}.dpai-canvas-quickModeDock{align-items:center;gap:2px;display:flex}.dpai-canvas-quickModeDock>button{color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:0;width:34px;height:34px;padding:0;transition:background-color .18s,color .18s,gap .26s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:hidden}.dpai-canvas-quickModeDock>button:hover,.dpai-canvas-quickModeDock>button:focus-visible{background:var(--color-dpai-desk);color:var(--dpai-ink);gap:6px;width:82px}.dpai-canvas-quickModeDock>button[data-active=true]{background:var(--dpai-violet);color:var(--color-dpai-inverse)}.dpai-canvas-quickModeDock>button svg{flex:none;width:15px;height:15px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.dpai-canvas-quickModeDock>button:hover svg,.dpai-canvas-quickModeDock>button:focus-visible svg{transform:rotate(-6deg)scale(1.06)}.dpai-canvas-quickModeDock>button>span{opacity:0;white-space:nowrap;max-width:0;transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .16s,transform .26s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(-4px)}.dpai-canvas-quickModeDock>button:hover>span,.dpai-canvas-quickModeDock>button:focus-visible>span{opacity:1;max-width:48px;transform:translate(0)}.dpai-canvas-quickModeDock>i{background:var(--dpai-line);width:1px;height:20px}.dpai-canvas-workspaceModes{flex:none;align-items:center;gap:3px;display:flex}.dpai-canvas-workspaceModes>button{color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 8px;display:inline-flex}.dpai-canvas-workspaceModes>button:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-workspaceModes>button[data-active=true]{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-canvas-workspaceModes>button svg{width:14px;height:14px}.dpai-canvas-workspaceModes>i{background:var(--dpai-line);width:1px;height:20px;margin:0 3px}.dpai-canvas-editToolsHidden{display:none}.dpai-canvas-canvasToolbar{border-radius:999px;flex:none;align-items:center;gap:4px;display:flex;position:relative}.dpai-canvas-toolMorph{background:var(--dpai-violet);border-radius:999px;width:32px;height:32px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.dpai-canvas-canvasToolbar button{color:var(--color-dpai-muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .16s;display:flex;position:relative}.dpai-canvas-canvasToolbar button[data-active=true]{color:var(--color-dpai-inverse)}.dpai-canvas-canvasToolbar button:not([data-active=true]):hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-canvasToolbar button:disabled{cursor:default;opacity:.38}.dpai-canvas-canvasToolbar button svg{width:16px;height:16px}.dpai-canvas-reviewToolDivider{background:var(--dpai-line);width:1px;height:20px;margin:0 2px}.dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton{background:var(--dpai-violet);color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;border-radius:999px;gap:5px;width:auto;padding:0 11px}.dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton:hover:not(:disabled){background:var(--dpai-violet-dark);color:var(--color-dpai-inverse)}.dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton svg{width:13px;height:13px}.dpai-canvas-toolHint{border-left:1px solid var(--dpai-line);color:var(--dpai-muted);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:10px;overflow:hidden}.dpai-canvas-morphDockClose{color:var(--dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.dpai-canvas-morphDockClose:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-morphDockClose:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet);outline:0}.dpai-canvas-morphDockClose svg{width:14px;height:14px}.dpai-canvas-morphDockClose[data-return=true]{font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;gap:6px;width:auto;padding:0 10px 0 8px}.dpai-canvas-commentTray{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:5px;padding-top:5px;display:grid}.dpai-canvas-commentTrayHeader{grid-area:1/2;justify-content:flex-end;align-items:center;display:flex}.dpai-canvas-copyPromptButton{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;border:0;border-radius:7px;height:28px;padding:0 8px}.dpai-canvas-copyPromptButton:hover:not(:disabled){background:var(--color-dpai-violet-soft)}.dpai-canvas-copyPromptButton:focus-visible{box-shadow:0 0 0 2px #7438d02b}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-copyPromptButton:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 16.9%, transparent)}}.dpai-canvas-copyPromptButton:focus-visible{outline:1px solid var(--dpai-violet)}.dpai-canvas-copyPromptButton:disabled{cursor:default;opacity:.42}.dpai-canvas-commentCards{grid-area:1/1;grid-template-columns:repeat(5,minmax(48px,1fr));gap:4px;min-width:0;display:grid}.dpai-canvas-commentCard{background:var(--color-dpai-violet-soft);border-radius:8px;align-items:center;min-width:0;height:28px;display:flex;position:relative}.dpai-canvas-commentCardTrigger{color:var(--dpai-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 24px);height:100%;padding:0;transition:background-color .16s,border-color .16s,transform .16s;display:flex}.dpai-canvas-commentCardTrigger>span{background:var(--dpai-violet);color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:28px;height:17px;padding:0 4px;display:flex}.dpai-canvas-commentCardTrigger svg{width:10px;height:10px}.dpai-canvas-commentCard:hover .dpai-canvas-commentCardTrigger,.dpai-canvas-commentCard:focus-within .dpai-canvas-commentCardTrigger,.dpai-canvas-commentCard[data-active=true] .dpai-canvas-commentCardTrigger{background:var(--color-dpai-violet-soft)}.dpai-canvas-commentCardTrigger:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px #7438d01f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentCardTrigger:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 12.2%, transparent)}}.dpai-canvas-commentCardTrigger:focus-visible{outline:0}.dpai-canvas-commentQuickRemoveButton{color:var(--color-dpai-subtle);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;flex:0 0 22px;justify-content:center;align-items:center;height:22px;padding:0;transition:background-color .14s,color .14s,opacity .14s,transform .16s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(.86)}.dpai-canvas-commentCard:hover .dpai-canvas-commentQuickRemoveButton,.dpai-canvas-commentCard:focus-within .dpai-canvas-commentQuickRemoveButton,.dpai-canvas-commentCard[data-active=true] .dpai-canvas-commentQuickRemoveButton{opacity:1;pointer-events:auto;transform:scale(1)}.dpai-canvas-commentQuickRemoveButton:hover{background:var(--color-dpai-danger-soft);color:var(--color-dpai-danger)}.dpai-canvas-commentQuickRemoveButton:focus-visible{box-shadow:inset 0 0 0 1px var(--color-dpai-danger);outline:0}.dpai-canvas-commentQuickRemoveButton svg{width:12px;height:12px}.dpai-canvas-flowControls.react-flow__controls{border:1px solid var(--dpai-line);border-radius:9px;box-shadow:0 4px 12px #241b321c}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-flowControls.react-flow__controls{box-shadow:0 4px 12px color-mix(in srgb, var(--color-dpai-ink) 11.0%, transparent)}}.dpai-canvas-flowControls.react-flow__controls{margin:12px;overflow:visible}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button{background:#fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button{border-bottom-color:var(--dpai-line);position:relative;overflow:visible}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:hover{background:var(--color-dpai-paper)}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:first-child{border-radius:8px 8px 0 0}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:last-child{border-radius:0 0 8px 8px}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:after{background:var(--color-dpai-ink);border-radius:7px;box-shadow:0 6px 18px #241b322e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:after{box-shadow:0 6px 18px color-mix(in srgb, var(--color-dpai-ink) 18.0%, transparent)}}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:after{color:var(--color-dpai-inverse);content:attr(aria-label);font:var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-mono);opacity:0;pointer-events:none;white-space:nowrap;z-index:20;padding:6px 8px;transition:opacity .12s,transform .15s;position:absolute;top:50%;left:calc(100% + 9px);transform:translate(-3px,-50%)}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:hover:after,.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:focus-visible:after{opacity:1;transform:translateY(-50%)}@keyframes dock-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.dpai-canvas-toolHint,.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:after{display:none}.dpai-canvas-agentPreviewPanel{width:min(220px,100vw - 3rem)}}.dpai-canvas-visualReviewSelectAll{color:var(--dpai-violet-dark);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700}.dpai-canvas-visualReviewCard{background:var(--color-dpai-inverse);border:1px solid var(--dpai-line);cursor:pointer;border-radius:11px;grid-template-columns:18px 104px minmax(0,1fr);align-items:center;gap:9px;min-height:78px;padding:7px;transition:border-color .14s,box-shadow .14s;display:grid;position:relative}.dpai-canvas-visualReviewCard:hover{border-color:var(--color-dpai-line-strong)}.dpai-canvas-visualReviewCard[data-selected=true]{border-color:var(--dpai-violet);box-shadow:inset 0 0 0 1px #6026b524}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-visualReviewCard[data-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-dpai-violet-hover) 14.1%, transparent)}}.dpai-canvas-visualReviewCard[data-pending=true]{cursor:default}.dpai-canvas-visualReviewCard>input{accent-color:var(--dpai-violet)}.dpai-canvas-visualReviewCard>img{background:var(--color-dpai-paper);object-fit:cover;object-position:top;border-radius:7px;width:104px;height:64px}.dpai-canvas-visualReviewThumbnail{background:var(--color-dpai-paper);color:var(--dpai-muted);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:104px;height:64px;display:flex}.dpai-canvas-visualReviewThumbnail[data-state=saving]{animation:1.2s ease-in-out infinite dpai-review-saving}.dpai-canvas-visualReviewThumbnail[data-state=error]{background:var(--color-dpai-danger-soft);color:var(--color-dpai-danger)}.dpai-canvas-visualReviewThumbnail svg{width:17px;height:17px}.dpai-canvas-visualReviewThumbnail small{font-size:9px;font-weight:700}@keyframes dpai-review-saving{0%,to{opacity:.58}50%{opacity:1}}.dpai-canvas-visualReviewCardBody{gap:4px;min-width:0;display:grid}.dpai-canvas-visualReviewCardBody>span{color:var(--dpai-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.dpai-canvas-visualReviewCardBody small{color:var(--dpai-muted);font-size:10px}.dpai-canvas-visualReviewItemDelete{background:var(--color-dpai-danger-soft);border:1px solid var(--color-dpai-danger-line);color:var(--color-dpai-danger);cursor:pointer;opacity:0;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;transition:opacity .12s,background-color .12s;display:flex;position:absolute;top:6px;right:6px}.dpai-canvas-visualReviewCard:hover .dpai-canvas-visualReviewItemDelete,.dpai-canvas-visualReviewItemDelete:focus-visible{opacity:1}.dpai-canvas-visualReviewItemDelete:hover{background:var(--color-dpai-danger-soft)}.dpai-canvas-visualReviewItemDelete:disabled{cursor:default;opacity:.35}.dpai-canvas-visualReviewItemDelete svg{width:13px;height:13px}.dpai-canvas-visualReviewState{color:var(--dpai-muted);text-align:center;margin:0;padding:22px 14px;font-size:12px;line-height:1.45}.dpai-canvas-visualReviewEmpty{color:var(--dpai-muted);text-align:center;align-content:center;justify-items:center;min-height:168px;padding:24px 28px 28px;display:grid}.dpai-canvas-visualReviewEmpty>span{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.dpai-canvas-visualReviewEmpty svg{width:20px;height:20px}.dpai-canvas-visualReviewEmpty strong{color:var(--dpai-ink);font-size:12px;line-height:1.3}.dpai-canvas-visualReviewEmpty p{max-width:220px;margin:5px 0 0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.dpai-canvas-toolMorph,.dpai-canvas-morphDock,.dpai-canvas-commentCardTrigger,.dpai-canvas-visualReviewThumbnail,.dpai-canvas-quickModeDock>button,.dpai-canvas-quickModeDock>button>span{transition:none}.dpai-canvas-agentPreviewPanel[data-active=true]>header i{animation:none}}.dpai-canvas-toolPanel.react-flow__panel{pointer-events:none;width:112px;height:calc(100% - 24px);transition:transform .22s cubic-bezier(.22,1,.36,1);margin:12px!important}.dpai-canvas-toolPanel.react-flow__panel[data-sidebar-open=true]{transform:translateX(var(--dpai-design-sidebar-width));z-index:35;margin-left:0!important}.dpai-canvas-toolPanel.react-flow__panel[data-sidebar-open=true] .dpai-canvas-morphDock[data-layout=rail]{border-left:0;box-shadow:8px 10px 24px #241b3218;border-radius:0 14px 14px 0!important}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-toolPanel.react-flow__panel[data-sidebar-open=true] .dpai-canvas-morphDock[data-layout=rail]{box-shadow:8px 10px 24px color-mix(in srgb, var(--color-dpai-ink) 9.4%, transparent)}}.dpai-canvas-designTrigger{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTrigger{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-designTrigger{border:1px solid var(--color-dpai-line);border-radius:10px;box-shadow:0 8px 24px #241b321a}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTrigger{box-shadow:0 8px 24px color-mix(in srgb, var(--color-dpai-ink) 10.2%, transparent)}}.dpai-canvas-designTrigger{color:var(--dpai-ink);cursor:pointer;font-family:var(--dpai-font-display);font-size:var(--dpai-text-body-sm);letter-spacing:-.025em;height:44px;font-weight:650;line-height:var(--dpai-leading-solid);pointer-events:auto;gap:8px;width:112px;padding:6px 10px 6px 7px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.dpai-canvas-designTrigger strong{font:inherit;text-rendering:geometricprecision}.dpai-canvas-designTrigger:hover{border-color:var(--color-dpai-line-strong);box-shadow:0 10px 26px #241b3224}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTrigger:hover{box-shadow:0 10px 26px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent)}}.dpai-canvas-designTrigger:hover{transform:translateY(-1px)}.dpai-canvas-designTrigger:focus-visible{box-shadow:0 0 0 3px #7438d026,0 10px 26px #241b3224}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-designTrigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 14.9%, transparent), 0 10px 26px color-mix(in srgb, var(--color-dpai-ink) 14.1%, transparent)}}.dpai-canvas-designTrigger:focus-visible{outline:1px solid var(--dpai-violet)}.dpai-canvas-designTrigger[data-active=true]{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-8px)}.dpai-canvas-designTriggerMark{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dpai-canvas-designTriggerMark svg{width:15px;height:15px}.dpai-canvas-morphDock[data-layout=rail]{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail]{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-canvas-morphDock[data-layout=rail]{border:1px solid var(--color-dpai-line);box-shadow:0 10px 28px #241b3222;border-radius:14px!important}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail]{box-shadow:0 10px 28px color-mix(in srgb, var(--color-dpai-ink) 13.3%, transparent)}}.dpai-canvas-morphDock[data-layout=rail]{pointer-events:auto;max-width:none;position:absolute;top:50%;left:0;transform:translateY(-50%);width:48px!important;padding:5px!important;overflow:visible!important}.dpai-canvas-morphDock[data-layout=rail][data-open=true][data-mode=edit],.dpai-canvas-morphDock[data-layout=rail][data-open=true][data-mode=more],.dpai-canvas-morphDock[data-layout=rail][data-open=true][data-mode=edit][data-review=true]{width:48px!important}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-morphDockContent{min-width:0;animation:none;position:relative}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar{flex-direction:column;align-items:center;gap:2px;display:flex}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button{border-radius:9px;width:36px;height:36px;transition:background-color .14s,color .14s,transform .14s;overflow:visible}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button:hover:not(:disabled){background:var(--color-dpai-desk);color:var(--dpai-ink);transform:translate(1px)}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px #7438d01c}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 11.0%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button:focus-visible{outline:0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-active=true]{background:var(--dpai-violet);color:var(--color-dpai-inverse)}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button:disabled{opacity:.32;background:0 0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:after{background:var(--color-dpai-ink);border-radius:7px;box-shadow:0 6px 18px #241b322e}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:after{box-shadow:0 6px 18px color-mix(in srgb, var(--color-dpai-ink) 18.0%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:after{color:var(--color-dpai-inverse);content:attr(data-tooltip);font:var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-mono);opacity:0;pointer-events:none;white-space:nowrap;z-index:20;padding:6px 8px;transition:opacity .12s,transform .15s;position:absolute;top:50%;left:calc(100% + 9px);transform:translate(-3px,-50%)}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:hover:after,.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%)}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-reviewToolDivider{background:var(--dpai-line);width:24px;height:1px;margin:3px 0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);border-radius:9px;width:36px;padding:0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton:hover:not(:disabled){background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-canvas-toolBadge{background:var(--dpai-violet);color:var(--color-dpai-inverse);font:700 8px/1 var(--dpai-font-mono);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;display:flex;position:absolute;top:-3px;right:-3px}.dpai-canvas-commentToolPalette{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentToolPalette{background:color-mix(in srgb, var(--color-dpai-chrome) 96.1%, transparent)}}.dpai-canvas-commentToolPalette{border:1px solid var(--color-dpai-line);border-radius:14px;box-shadow:0 14px 38px #241b322b,0 2px 8px #241b3212}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentToolPalette{box-shadow:0 14px 38px color-mix(in srgb, var(--color-dpai-ink) 16.9%, transparent), 0 2px 8px color-mix(in srgb, var(--color-dpai-ink) 7.1%, transparent)}}.dpai-canvas-commentToolPalette{z-index:30;gap:5px;width:48px;padding:5px;display:grid;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.dpai-canvas-commentToolPaletteModes{flex-direction:column;align-items:center;gap:2px;display:flex}.dpai-canvas-commentToolPaletteModes button,.dpai-canvas-commentToolPaletteActions button{color:var(--color-dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative}.dpai-canvas-commentToolPaletteModes button:hover:not(:disabled),.dpai-canvas-commentToolPaletteActions button:hover:not(:disabled){background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-commentToolPaletteModes button:focus-visible,.dpai-canvas-commentToolPaletteActions button:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px #7438d01c}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentToolPaletteModes button:focus-visible,.dpai-canvas-commentToolPaletteActions button:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 11.0%, transparent)}}.dpai-canvas-commentToolPaletteModes button:focus-visible,.dpai-canvas-commentToolPaletteActions button:focus-visible{outline:0}.dpai-canvas-commentToolPaletteModes button[data-active=true]{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-canvas-commentToolPaletteModes button:disabled,.dpai-canvas-commentToolPaletteActions button:disabled{cursor:default;opacity:.35}.dpai-canvas-commentToolPaletteModes svg,.dpai-canvas-commentToolPaletteActions svg{flex:none;width:14px;height:14px}.dpai-canvas-commentToolPaletteActions{border-top:1px solid var(--dpai-line);flex-direction:column;align-items:center;gap:2px;padding-top:5px;display:flex}.dpai-canvas-commentToolPaletteActions button:last-child{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-canvas-commentToolPaletteActions .dpai-canvas-toolBadge{top:-4px;right:-4px}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{background:#fffffff7;align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{background:color-mix(in srgb, var(--color-dpai-chrome) 96.9%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{border:1px solid var(--color-dpai-line);border-radius:12px;bottom:0;box-shadow:0 12px 34px #241b322b}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{box-shadow:0 12px 34px color-mix(in srgb, var(--color-dpai-ink) 16.9%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{width:206px;padding:5px;display:flex;position:absolute;left:calc(100% + 10px)}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenu{flex:1;gap:2px;display:grid}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenu>button{flex:none;justify-content:flex-start;width:100%;padding-inline:9px}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenu>button:before,.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenu>button:after{display:none}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-commentTray{background:#fffffff7}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-commentTray{background:color-mix(in srgb, var(--color-dpai-chrome) 96.9%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-commentTray{border:1px solid var(--color-dpai-line);border-radius:12px;box-shadow:0 12px 34px #241b322b}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-commentTray{box-shadow:0 12px 34px color-mix(in srgb, var(--color-dpai-ink) 16.9%, transparent)}}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-commentTray{width:min(368px,100vw - 104px);margin:0;padding:7px;position:absolute;top:86px;left:calc(100% + 10px)}@media (width<=760px){.dpai-canvas-toolPanel.react-flow__panel,.dpai-canvas-designTrigger{width:104px}.dpai-canvas-designTrigger strong{font-size:var(--dpai-text-body-sm)}.dpai-canvas-commentToolPalette{width:48px}}@media (prefers-reduced-motion:reduce){.dpai-canvas-designTrigger,.dpai-canvas-commentToolPalette,.dpai-canvas-toolPanel.react-flow__panel,.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button,.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-tooltip]:after{transition:none}}.dpai-canvas-commentSidebarPanel.react-flow__panel{pointer-events:auto;z-index:32;clip-path:inset(-60px round 16px);opacity:1;visibility:visible;min-height:0;max-height:calc(100% - 28px);transition:clip-path .26s cubic-bezier(.2,0,0,1) .14s,opacity .18s .14s,visibility 0s linear .14s;display:flex;margin:14px!important}@starting-style{.dpai-canvas-commentSidebarPanel.react-flow__panel{clip-path:inset(0 0 calc(100% - 32px) calc(100% - 124px) round 16px);opacity:0}}.dpai-canvas-commentSidebarPanel.react-flow__panel[data-open=false]{clip-path:inset(0 0 calc(100% - 32px) calc(100% - 124px) round 16px);opacity:0;visibility:hidden;pointer-events:none;transition:clip-path .14s,opacity .12s,visibility 0s linear .14s}.dpai-canvas-commentSidebar{background:#fff}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebar{background:color-mix(in srgb, white 97%, var(--dpai-violet) 3%)}}.dpai-canvas-commentSidebar{border:1px solid var(--color-dpai-line);border-radius:16px;box-shadow:0 20px 56px #4c1d951c,0 2px 8px #4c1d950d}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebar{box-shadow:0 20px 56px color-mix(in srgb, var(--color-dpai-violet-dark) 11.0%, transparent), 0 2px 8px color-mix(in srgb, var(--color-dpai-violet-dark) 5.1%, transparent)}}.dpai-canvas-commentSidebar{grid-template-rows:auto minmax(0,1fr) auto;width:min(350px,100vw - 28px);min-height:0;max-height:100%;display:grid;overflow:hidden}.dpai-canvas-commentSidebarHeader,.dpai-canvas-commentSidebarFooter{justify-content:space-between;align-items:center;display:flex}.dpai-canvas-commentSidebarHeader{border-bottom:1px solid var(--dpai-line);min-height:62px;padding:13px 15px}.dpai-canvas-commentSidebarHeader strong{color:var(--dpai-ink);font:650 15px/1.1 var(--dpai-font-display);letter-spacing:-.02em}.dpai-canvas-commentSidebarHeaderActions{align-items:center;gap:8px;display:flex}.dpai-canvas-commentSidebarHide{color:var(--dpai-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.dpai-canvas-commentSidebarHide:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-commentSidebarHide:focus-visible{box-shadow:0 0 0 2px #7438d033}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebarHide:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 20.0%, transparent)}}.dpai-canvas-commentSidebarHide:focus-visible{outline:0}.dpai-canvas-commentSidebarHide svg{width:14px;height:14px}.dpai-canvas-commentSidebarTriggerPanel.react-flow__panel{pointer-events:auto;z-index:32;margin:18px 88px 18px 18px!important}.dpai-canvas-commentSidebarTrigger.dpai-canvas-designTrigger{width:124px}.dpai-canvas-commentPresenceAvatar{background:var(--color-dpai-violet);border:3px solid #fff;border-radius:999px;align-items:center;box-shadow:0 0 0 1px #7438d04d,0 3px 9px #7438d029}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentPresenceAvatar{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dpai-violet) 30.2%, transparent), 0 3px 9px color-mix(in srgb, var(--color-dpai-violet) 16.1%, transparent)}}.dpai-canvas-commentPresenceAvatar{color:var(--color-dpai-inverse);font:500 12px/1 var(--dpai-font-sans);flex:none;justify-content:center;width:30px;height:30px;display:inline-flex}.dpai-canvas-commentPresenceAvatar>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.dpai-canvas-commentSidebarList{scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;align-content:start;gap:12px;padding:10px;display:grid;overflow-y:auto}.dpai-canvas-commentSidebarSection{gap:7px;display:grid}.dpai-canvas-commentSidebarSectionHeader{color:var(--dpai-muted);font:650 9px/1 var(--dpai-font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:1px 3px;display:flex}.dpai-canvas-commentSidebarSectionHeader strong{font:inherit;letter-spacing:.06em}.dpai-canvas-commentSidebarSectionHeader span{background:var(--color-dpai-desk);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;display:inline-flex}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewCard{cursor:default;grid-template-columns:18px 82px minmax(0,1fr)}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewCard>img,.dpai-canvas-commentSidebar .dpai-canvas-visualReviewThumbnail{width:82px}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewCardBody>small:first-child{font:600 8px/1.2 var(--dpai-font-mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewItemDelete{background:var(--color-dpai-positive-soft);border-color:var(--color-dpai-positive-soft);color:var(--color-dpai-positive)}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewItemDelete:hover{background:var(--color-dpai-positive-soft)}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewEmpty{min-height:190px}.dpai-canvas-commentSidebarCard{background:var(--color-dpai-inverse);border:1px solid var(--dpai-line);border-radius:12px;transition:border-color .14s,box-shadow .16s;overflow:hidden}.dpai-canvas-commentSidebarCard:hover{border-color:var(--color-dpai-line-strong)}.dpai-canvas-commentSidebarCard[data-active=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebarCard[data-active=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-commentSidebarCard[data-selected=true]{border-color:var(--color-dpai-violet-light);box-shadow:inset 0 0 0 1px #6026b51f}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebarCard[data-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-dpai-violet-hover) 12.2%, transparent)}}.dpai-canvas-commentSidebarCard[data-draft=true]{border-style:dashed}.dpai-canvas-commentSidebarCardTop{align-items:flex-start;gap:8px;padding:10px 8px 10px 10px;display:flex}.dpai-canvas-commentSidebarCardTop>input,.dpai-canvas-commentSidebar .dpai-canvas-visualReviewCard>input{accent-color:var(--dpai-violet);cursor:pointer;flex:none;margin:7px 0 0}.dpai-canvas-commentSidebarCardTop>input:disabled{cursor:default;opacity:.35}.dpai-canvas-commentSidebarCardTrigger{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;min-width:0;padding:0;display:flex}.dpai-canvas-commentSidebarCardTrigger:focus-visible{outline:0}.dpai-canvas-commentSidebarCardTrigger:focus-visible .dpai-canvas-commentPresenceAvatar{box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet)}.dpai-canvas-commentSidebarCardTrigger .dpai-canvas-commentPresenceAvatar{width:28px;height:28px}.dpai-canvas-commentSidebarCardCopy{flex:1;gap:3px;min-width:0;display:grid}.dpai-canvas-commentSidebarCardCopy>span{align-items:baseline;gap:7px;display:flex}.dpai-canvas-commentSidebarCardCopy strong{color:var(--dpai-ink);font-size:12px}.dpai-canvas-commentSidebarCardCopy small{color:var(--dpai-muted);font:500 9px/1.3 var(--dpai-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-commentSidebarCardCopy p{color:var(--color-dpai-ink);overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;line-height:1.42}.dpai-canvas-commentSidebarCardCopy p[data-placeholder]{color:var(--color-dpai-subtle);font-style:italic}.dpai-canvas-commentSidebarDelete{color:var(--color-dpai-positive);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:opacity .12s,background-color .12s,color .12s;display:flex}.dpai-canvas-commentSidebarCard:hover .dpai-canvas-commentSidebarDelete,.dpai-canvas-commentSidebarDelete:focus-visible{opacity:1}.dpai-canvas-commentSidebarDelete:hover{background:var(--color-dpai-positive-soft);color:var(--color-dpai-positive)}.dpai-canvas-commentSidebarDelete:focus-visible{outline:1px solid var(--color-dpai-positive)}.dpai-canvas-commentSidebarDelete svg{width:13px;height:13px}.dpai-canvas-commentSidebarEditor{border-top:1px solid var(--color-dpai-desk);gap:8px;padding:10px;display:grid}.dpai-canvas-commentSidebarEditor textarea{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);font:12px/1.45 var(--dpai-font-sans);resize:vertical;border-radius:9px;outline:0;width:100%;min-height:92px;padding:10px}.dpai-canvas-commentSidebarEditor textarea:focus{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-commentSidebarEditor textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-canvas-commentSidebarEditor>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.dpai-canvas-commentSidebarEditor>div>small{color:var(--color-dpai-subtle);font:500 8px/1.35 var(--dpai-font-mono);max-width:145px}.dpai-canvas-commentSidebarEditor>div>span{gap:5px;display:flex}.dpai-canvas-commentSidebarEditor button,.dpai-canvas-commentSidebarFooter button{cursor:pointer;font:650 11px/1 var(--dpai-font-sans);border:0;border-radius:8px;min-height:30px;padding:0 10px}.dpai-canvas-commentSidebarEditor button:first-child{color:var(--dpai-muted);background:0 0}.dpai-canvas-commentSidebarEditor button:first-child:hover{background:var(--color-dpai-desk);color:var(--dpai-ink)}.dpai-canvas-commentSidebarEditor button:last-child,.dpai-canvas-commentSidebarFooter button{background:var(--dpai-violet);color:var(--color-dpai-inverse)}.dpai-canvas-commentSidebarEditor button:last-child:hover:not(:disabled),.dpai-canvas-commentSidebarFooter button:hover:not(:disabled){background:var(--dpai-violet-hover)}.dpai-canvas-commentSidebarEditor button:disabled,.dpai-canvas-commentSidebarFooter button:disabled{cursor:default;opacity:.42}.dpai-canvas-commentSidebarFooter{border-top:1px solid var(--dpai-line);flex:none;gap:10px;padding:10px;display:grid}.dpai-canvas-commentSidebarFooter>span{color:var(--dpai-muted);font-size:10px;font-weight:600}.dpai-canvas-commentSidebarFooter>div{justify-content:flex-end;gap:7px;display:flex}.dpai-canvas-commentSidebarFooter button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.dpai-canvas-commentSidebarFooter button svg{width:13px;height:13px}.dpai-canvas-commentSidebarFooter .dpai-canvas-commentSidebarResolveAll{background:var(--color-dpai-positive-soft);color:var(--color-dpai-positive)}.dpai-canvas-commentSidebarFooter .dpai-canvas-commentSidebarResolveAll:hover:not(:disabled){background:var(--color-dpai-positive-soft)}@media (width<=760px){.dpai-canvas-commentSidebarPanel.react-flow__panel{max-height:calc(100% - 16px);margin:8px!important}.dpai-canvas-commentSidebar{width:min(320px,100vw - 72px);max-height:100%}.dpai-canvas-commentSidebarTriggerPanel.react-flow__panel{margin:12px 80px 12px 12px!important}.dpai-canvas-commentSidebarTrigger.dpai-canvas-designTrigger{width:116px}.dpai-canvas-commentSidebarEditor>div>small{display:none}}@media (prefers-reduced-motion:reduce){.dpai-canvas-commentSidebarPanel.react-flow__panel,.dpai-canvas-commentSidebarPanel.react-flow__panel[data-open=false],.dpai-canvas-commentSidebarCard,.dpai-canvas-commentSidebarDelete{transition:none}}.dpai-canvas-commentSidebarFooter>div[data-comment-resolve]{justify-content:flex-start}.dpai-canvas-commentSidebarFooter>div{flex-wrap:wrap}.dpai-canvas-commentSidebarFooter button[data-comment-copy]{background:var(--dpai-paper);color:var(--dpai-ink);box-shadow:inset 0 0 0 1px var(--dpai-line)}.dpai-canvas-commentSidebarFooter button[data-comment-copy]:hover:not(:disabled){background:var(--dpai-desk)}.dpai-canvas-commentSidebarFooter button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-design-scrollArea{scrollbar-width:thin;scrollbar-color:var(--color-dpai-line-strong) transparent}.dpai-design-scrollArea::-webkit-scrollbar{width:6px;height:6px}.dpai-design-scrollArea::-webkit-scrollbar-track{background:0 0}.dpai-design-scrollArea::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);border-radius:999px}.dpai-design-scrollArea::-webkit-scrollbar-button{display:none}.dpai-design-panel{border:0;border-radius:0;animation:.24s cubic-bezier(.22,1,.36,1) both panel-enter;box-shadow:12px 0 32px #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-design-panel{box-shadow:12px 0 32px color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent)}}.dpai-design-panel{color:var(--dpai-ink);height:100%;min-width:var(--dpai-design-sidebar-width);width:var(--dpai-design-sidebar-width);z-index:40;position:absolute;inset:0 auto 0 0;overflow:visible}.dpai-design-drawerContent{background:var(--color-dpai-inverse);border-right:1px solid var(--dpai-line);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.dpai-design-panel[data-closing=true]{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both panel-exit}.dpai-design-panel[data-resizing=true]{box-shadow:14px 0 36px #241b321c}@supports (color:color-mix(in lab, red, red)){.dpai-design-panel[data-resizing=true]{box-shadow:14px 0 36px color-mix(in srgb, var(--color-dpai-ink) 11.0%, transparent)}}.dpai-design-resizeHandle{cursor:col-resize;touch-action:none;z-index:50;background:0 0;outline:0;width:14px;height:100%;position:absolute;top:0;right:-7px}.dpai-design-resizeHandle:before{background:var(--color-dpai-line-strong);content:"";opacity:.55;border-radius:999px;width:3px;height:34px;transition:opacity .14s,background-color .14s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.dpai-design-resizeHandle:after{content:"";background:0 0;width:1px;height:100%;transition:background-color .14s,width .14s;position:absolute;top:0;left:6px}.dpai-design-resizeHandle:hover:after,.dpai-design-resizeHandle:focus-visible:after,.dpai-design-panel[data-resizing=true] .dpai-design-resizeHandle:after{background:var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-design-resizeHandle:hover:after,.dpai-design-resizeHandle:focus-visible:after,.dpai-design-panel[data-resizing=true] .dpai-design-resizeHandle:after{background:color-mix(in srgb, var(--dpai-violet) 65%, white)}}.dpai-design-resizeHandle:hover:after,.dpai-design-resizeHandle:focus-visible:after,.dpai-design-panel[data-resizing=true] .dpai-design-resizeHandle:after{width:3px}.dpai-design-resizeHandle:hover:before,.dpai-design-resizeHandle:focus-visible:before,.dpai-design-panel[data-resizing=true] .dpai-design-resizeHandle:before{background:var(--dpai-violet);opacity:1}.dpai-design-panelHeader{background:var(--color-dpai-inverse);min-height:var(--dpai-navbar-height);justify-content:space-between;align-items:center;padding:0 .8rem 0 1rem;display:flex}.dpai-design-panelHeader strong{font-size:var(--dpai-text-body-sm);letter-spacing:var(--dpai-tracking-title)}.dpai-design-titleGroup{align-items:center;gap:.55rem;min-width:0;display:flex}.dpai-design-titleGroup>span{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase;border-radius:999px;padding:.3rem .42rem}.dpai-design-headerActions{align-items:center;gap:.55rem;display:flex}.dpai-design-headerActions button{color:var(--dpai-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.dpai-design-headerActions button:hover{background:var(--color-dpai-desk)}.dpai-design-headerActions button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-design-headerActions button:active{transform:scale(.96)}.dpai-design-headerActions button svg{width:1.05rem;height:1.05rem}.dpai-design-menuTabs{background:var(--color-dpai-desk);border-radius:var(--radius-dpai-control);grid-template-columns:1fr 1fr;gap:.1rem;margin:.55rem .8rem 0;padding:.15rem;display:grid}.dpai-design-menuTabs>button{color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;height:1.8rem;padding:0 .5rem;transition:background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1);display:flex}.dpai-design-menuTabs>button:hover{background:#ffffff80}@supports (color:color-mix(in lab, red, red)){.dpai-design-menuTabs>button:hover{background:color-mix(in srgb, var(--color-dpai-chrome) 50.2%, transparent)}}.dpai-design-menuTabs>button:hover{color:var(--dpai-ink)}.dpai-design-menuTabs>button[data-active=true]{background:var(--color-dpai-inverse);border-color:var(--color-dpai-line);box-shadow:0 1px 2px #241b3212, inset 0 1px var(--color-dpai-chrome)}@supports (color:color-mix(in lab, red, red)){.dpai-design-menuTabs>button[data-active=true]{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 7.1%, transparent), inset 0 1px var(--color-dpai-chrome)}}.dpai-design-menuTabs>button[data-active=true]{color:var(--dpai-ink)}.dpai-design-menuTabs>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px}.dpai-design-menuTabs>button:active{transform:scale(.96)}.dpai-design-tabPanel{flex:1;min-height:0;display:flex}.dpai-design-pagePanel{background:var(--color-dpai-paper);overscroll-behavior:contain;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.dpai-design-pagePanel::-webkit-scrollbar{width:.45rem}.dpai-design-pagePanel::-webkit-scrollbar-track{background:0 0}.dpai-design-pagePanel::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-pagePanelHeader{flex-shrink:0;justify-content:space-between;align-items:center;min-height:3rem;padding:0 1rem;display:flex}.dpai-design-pagePanelHeader>span{color:var(--color-dpai-muted);font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-medium)}.dpai-design-pageList{overscroll-behavior:contain;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:0 .5rem 1rem;display:flex;overflow-y:auto}.dpai-design-pageItem{border-radius:var(--radius-dpai-control);background:0 0;flex-shrink:0;align-items:stretch;min-width:0;transition:background-color .14s;display:flex;overflow:hidden}.dpai-design-pageItem:hover{background:var(--color-dpai-paper)}.dpai-design-pageItem[data-active=true]{background:var(--color-dpai-violet-soft)}.dpai-design-pageSelect{color:var(--dpai-ink);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.625rem;min-width:0;min-height:2.25rem;padding:.25rem .375rem .25rem .5rem;display:flex}.dpai-design-pageSelect:focus-visible{box-shadow:inset 0 0 0 2px var(--dpai-violet);outline:0}.dpai-design-pageSelect:active:not(:disabled){transform:scale(.96)}.dpai-design-pageSelect:disabled{cursor:default}.dpai-design-pageIcon{color:var(--dpai-violet-dark);flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.dpai-design-pageIcon svg{width:.95rem;height:.95rem}.dpai-design-pageItem[data-hidden=true] .dpai-design-pageIcon{color:var(--color-dpai-subtle)}.dpai-design-pageCopy{flex:1;gap:0;min-width:0;display:grid}.dpai-design-pageCopy strong,.dpai-design-pageCopy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-design-pageCopy strong{font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-regular)}.dpai-design-pageItem[data-active=true] .dpai-design-pageCopy{color:var(--dpai-violet-dark)}.dpai-design-pageItem[data-active=true] .dpai-design-pageCopy strong{font-weight:var(--dpai-weight-semibold)}.dpai-design-pageCopy small{color:var(--color-dpai-subtle);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-design-pageItem[data-hidden=true] .dpai-design-pageCopy{color:var(--color-dpai-muted)}.dpai-design-pageStatus{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) .625rem/1 var(--dpai-font-sans);border-radius:999px;padding:.3rem .42rem}.dpai-design-pageVisibility{border-radius:var(--radius-dpai-control);color:var(--color-dpai-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;width:2rem;height:2rem;margin-right:.25rem;padding:0;transition:background-color .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1);display:flex}.dpai-design-pageVisibility:hover:not(:disabled){background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark)}.dpai-design-pageVisibility:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px}.dpai-design-pageVisibility:active:not(:disabled){transform:scale(.96)}.dpai-design-pageVisibility:disabled{cursor:default;opacity:.4}.dpai-design-pageVisibility svg{width:1rem;height:1rem}@media (pointer:coarse){.dpai-design-pageSelect{min-height:2.75rem}.dpai-design-pageVisibility{width:2.75rem;height:2.75rem;margin-right:0}}.dpai-design-pageEmpty{color:var(--color-dpai-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:16rem;padding:2rem;display:flex}.dpai-design-pageEmpty>svg{width:1.4rem;height:1.4rem;margin-bottom:.8rem}.dpai-design-pageEmpty strong{color:var(--dpai-ink);font-size:var(--dpai-text-body-sm)}.dpai-design-pageEmpty p{font-size:var(--dpai-text-label);margin:.3rem 0 0}.dpai-design-libraryTabs{background:#fffffff0}@supports (color:color-mix(in lab, red, red)){.dpai-design-libraryTabs{background:color-mix(in srgb, var(--color-dpai-chrome) 94.1%, transparent)}}.dpai-design-libraryTabs{border-bottom:1px solid var(--dpai-line);grid-template-columns:1fr 1fr;padding:0 .8rem;display:grid}.dpai-design-libraryTabs>button{color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:.42rem;height:2.6rem;margin-bottom:-1px;padding:0 .5rem;display:flex}.dpai-design-libraryTabs>button:hover{color:var(--dpai-ink)}.dpai-design-libraryTabs>button[data-active=true]{border-bottom-color:var(--dpai-violet);color:var(--dpai-violet-dark)}.dpai-design-libraryTabs>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:-3px;border-radius:.4rem .4rem 0 0}.dpai-design-libraryTabs svg{width:.9rem;height:.9rem}.dpai-design-libraryTabs button>span{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .24rem;display:inline-flex}.dpai-design-componentLibrary{overscroll-behavior:contain;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:0 .8rem .8rem;display:flex;overflow:auto}.dpai-design-componentLibrary::-webkit-scrollbar{width:.45rem}.dpai-design-componentLibrary::-webkit-scrollbar-track{background:0 0}.dpai-design-componentLibrary::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-libraryLead{background:var(--dpai-paper);justify-content:space-between;align-items:center;padding:.95rem .1rem .75rem;display:flex}.dpai-design-libraryLead>div{gap:.2rem;display:grid}.dpai-design-libraryLead span{color:var(--color-dpai-subtle);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-transform:uppercase}.dpai-design-libraryLead strong{font-size:var(--dpai-text-body-sm);letter-spacing:var(--dpai-tracking-title)}.dpai-design-libraryLead>i{background:var(--color-dpai-positive-soft);border:1px solid var(--color-dpai-positive-line);color:var(--color-dpai-positive);font:normal var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:.32rem;padding:.38rem .48rem;display:inline-flex}.dpai-design-libraryLead>i:before{background:var(--dpai-signal);content:"";border-radius:999px;width:.35rem;height:.35rem}.dpai-design-libraryControls{background:var(--dpai-paper)}@supports (color:color-mix(in lab, red, red)){.dpai-design-libraryControls{background:color-mix(in srgb, var(--dpai-paper) 94%, transparent)}}.dpai-design-libraryControls{z-index:2;padding-bottom:.75rem;position:sticky;top:0}.dpai-design-searchField{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:.65rem;align-items:center;height:2.4rem;padding:0 .7rem;display:flex}.dpai-design-searchField:focus-within{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-design-searchField:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-design-searchField>svg{color:var(--color-dpai-muted);flex:none;width:.9rem;height:.9rem}.dpai-design-searchField input{color:var(--dpai-ink);font:var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 .55rem}.dpai-design-searchField input::placeholder{color:var(--color-dpai-subtle)}.dpai-design-searchField input::-webkit-search-cancel-button{display:none}.dpai-design-searchField kbd{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);color:var(--color-dpai-muted);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:.28rem;padding:.25rem .32rem}.dpai-design-categoryRail{scrollbar-width:none;gap:.35rem;margin:.55rem -.8rem 0;padding:0 .8rem .1rem;display:flex;overflow-x:auto}.dpai-design-categoryRail::-webkit-scrollbar{display:none}.dpai-design-categoryRail>button{border:1px solid var(--color-dpai-line);color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border-radius:999px;flex:none;height:1.75rem;padding:0 .62rem}.dpai-design-categoryRail>button:hover{background:var(--color-dpai-inverse);border-color:var(--color-dpai-line-strong);color:var(--dpai-ink)}.dpai-design-categoryRail>button[data-active=true]{background:var(--dpai-ink);border-color:var(--dpai-ink);color:var(--color-dpai-inverse)}.dpai-design-categoryRail>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-design-categoryGroups{gap:1rem;display:grid}.dpai-design-categorySection{min-width:0}.dpai-design-categorySection>header{justify-content:space-between;align-items:center;margin-bottom:.48rem;padding:0 .1rem;display:flex}.dpai-design-categorySection>header strong{font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-design-categorySection>header span{color:var(--color-dpai-subtle);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-design-componentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.dpai-design-componentCard{background:var(--color-dpai-inverse);border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-surface);color:var(--dpai-ink);cursor:pointer;text-align:left;min-width:0;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;overflow:hidden}.dpai-design-componentCard:hover{border-color:var(--color-dpai-line-strong);box-shadow:0 8px 18px #241b3212}@supports (color:color-mix(in lab, red, red)){.dpai-design-componentCard:hover{box-shadow:0 8px 18px color-mix(in srgb, var(--color-dpai-ink) 7.1%, transparent)}}.dpai-design-componentCard:hover{transform:translateY(-1px)}.dpai-design-componentCard[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d017}@supports (color:color-mix(in lab, red, red)){.dpai-design-componentCard[data-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 9.0%, transparent)}}.dpai-design-componentCard:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-design-previewStage{background-color:var(--color-dpai-paper);border-bottom:1px solid var(--color-dpai-desk);justify-content:center;align-items:center;height:5.5rem;padding:.85rem;display:flex;position:relative;overflow:hidden}.dpai-design-componentMeta{justify-content:space-between;align-items:flex-start;gap:.45rem;padding:.65rem;display:flex}.dpai-design-componentMeta>span{gap:.2rem;min-width:0;display:grid}.dpai-design-componentMeta strong{font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-design-componentMeta small{color:var(--color-dpai-subtle);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-compact);display:block}.dpai-design-componentMeta>i{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:normal var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:1.05rem;height:1.05rem;display:flex}.dpai-design-storyVariants{border-top:1px solid var(--color-dpai-desk);gap:.28rem;padding:.48rem .55rem;display:flex;overflow:hidden}.dpai-design-storyVariants small{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;flex:none;padding:.26rem .35rem}.dpai-design-componentEmpty{text-align:center;flex-direction:column;align-items:center;min-height:clamp(22rem,48vh,30rem);padding:2.4rem 1rem;display:flex}.dpai-design-componentEmpty>strong{font-size:var(--dpai-text-body-sm);letter-spacing:var(--dpai-tracking-title);margin-top:1.2rem}.dpai-design-componentEmpty>p{color:var(--dpai-muted);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);max-width:30rem;margin:.38rem 0 .9rem}.dpai-design-componentEmpty>button{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-control);color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);padding:.55rem .7rem}.dpai-design-componentEmpty>button:hover{border-color:var(--dpai-violet);color:var(--dpai-violet-dark)}.dpai-design-emptyArtwork{background-color:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-line);border-radius:.85rem;box-shadow:0 5px 14px #241b3210}@supports (color:color-mix(in lab, red, red)){.dpai-design-emptyArtwork{box-shadow:0 5px 14px color-mix(in srgb, var(--color-dpai-ink) 6.3%, transparent)}}.dpai-design-emptyArtwork{width:9.6rem;height:5.8rem;position:relative}.dpai-design-emptyArtworkType,.dpai-design-emptyArtworkSwatches,.dpai-design-emptyArtworkComponent{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);box-shadow:0 2px 5px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-design-emptyArtworkType,.dpai-design-emptyArtworkSwatches,.dpai-design-emptyArtworkComponent{box-shadow:0 2px 5px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-design-emptyArtworkType,.dpai-design-emptyArtworkSwatches,.dpai-design-emptyArtworkComponent{position:absolute}.dpai-design-emptyArtworkType{font-family:var(--font-display);font-size:1.7rem;font-weight:var(--dpai-weight-semibold);letter-spacing:-.05em;border-radius:.55rem;justify-content:center;align-items:center;width:3.6rem;height:3.65rem;display:flex;bottom:.7rem;left:.7rem}.dpai-design-emptyArtworkSwatches{border-radius:999px;align-items:center;gap:.22rem;padding:.35rem;display:flex;top:.7rem;right:.7rem}.dpai-design-emptyArtworkSwatches i{background:var(--dpai-violet);border-radius:999px;width:.58rem;height:.58rem}.dpai-design-emptyArtworkSwatches i:nth-child(2){background:var(--dpai-signal)}.dpai-design-emptyArtworkSwatches i:nth-child(3){background:var(--color-dpai-ink)}.dpai-design-emptyArtworkComponent{border-radius:var(--radius-dpai-control);gap:.35rem;width:3.9rem;padding:.5rem;display:grid;bottom:.7rem;right:.7rem}.dpai-design-emptyArtworkComponent i{background:var(--color-dpai-line);border-radius:999px;width:100%;height:.28rem}.dpai-design-emptyArtworkComponent i:last-child{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);border-radius:.35rem;width:2.2rem;height:.8rem}.dpai-design-emptyHint{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);text-align:left;border-radius:.65rem;gap:.35rem;width:100%;max-width:30rem;margin-top:.35rem;padding:.72rem .8rem;display:grid}.dpai-design-emptyHint>span{color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);letter-spacing:var(--dpai-tracking-label)}.dpai-design-emptyHint>code{color:var(--color-dpai-ink);font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);overflow-wrap:anywhere}.dpai-design-emptySearchIcon{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-action);color:var(--color-dpai-muted);justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:flex}.dpai-design-emptySearchIcon svg{width:1.1rem;height:1.1rem}.dpai-design-integrationNote{background:var(--color-dpai-ink);border-radius:var(--radius-dpai-surface);color:var(--color-dpai-inverse);align-items:center;gap:.7rem;margin-top:1rem;padding:.75rem;display:flex}.dpai-design-integrationNote>span{background:#7438d026;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-design-integrationNote>span{background:color-mix(in srgb, var(--color-dpai-violet) 14.9%, transparent)}}.dpai-design-integrationNote>span{border:1px solid #bda0ed42}@supports (color:color-mix(in lab, red, red)){.dpai-design-integrationNote>span{border:1px solid color-mix(in srgb, var(--color-dpai-violet-light) 25.9%, transparent)}}.dpai-design-integrationNote>span{color:var(--color-dpai-violet-line);border-radius:.55rem;flex:none;justify-content:center;width:2rem;height:2rem;display:flex}.dpai-design-integrationNote svg{width:.95rem;height:.95rem}.dpai-design-integrationNote p{color:var(--color-dpai-subtle);font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);margin:0}.dpai-design-integrationNote strong{color:var(--color-dpai-inverse);font-size:var(--dpai-text-label);margin-bottom:.12rem;display:block}.dpai-design-integrationNote code{color:var(--color-dpai-violet-line);font:inherit}.dpai-design-buttonPreview{background:var(--dpai-violet);border-radius:var(--radius-dpai-control);box-shadow:0 6px 13px #4c1d952b}@supports (color:color-mix(in lab, red, red)){.dpai-design-buttonPreview{box-shadow:0 6px 13px color-mix(in srgb, var(--color-dpai-violet-dark) 16.9%, transparent)}}.dpai-design-buttonPreview{color:var(--color-dpai-inverse);font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold);padding:.58rem .72rem}.dpai-design-iconButtonPreview{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:.55rem;justify-content:center;align-items:center;gap:.17rem;width:2.1rem;height:2.1rem;display:flex}.dpai-design-iconButtonPreview i{background:var(--color-dpai-muted);border-radius:999px;width:.15rem;height:.15rem}.dpai-design-fieldPreview,.dpai-design-selectPreview{gap:.3rem;width:100%;display:grid}.dpai-design-fieldPreview small,.dpai-design-selectPreview small{color:var(--color-dpai-muted);font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold)}.dpai-design-fieldPreview i,.dpai-design-selectPreview i{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--color-dpai-ink);font:normal var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.42rem;padding:.55rem}.dpai-design-selectPreview i{justify-content:space-between;display:flex}.dpai-design-selectPreview b{color:var(--color-dpai-subtle);font-size:var(--dpai-text-preview)}.dpai-design-checkboxPreview{align-items:center;gap:.45rem;display:flex}.dpai-design-checkboxPreview i{background:var(--dpai-violet);color:var(--color-dpai-inverse);font:normal var(--dpai-weight-bold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:.28rem;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;display:flex}.dpai-design-checkboxPreview small{color:var(--color-dpai-ink);font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold)}.dpai-design-tabsPreview{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-control);align-items:flex-end;gap:.65rem;padding:0 .55rem;display:flex}.dpai-design-tabsPreview i{color:var(--color-dpai-subtle);font:normal var(--dpai-text-preview)/2rem var(--dpai-font-sans);border-bottom:2px solid #0000}.dpai-design-tabsPreview i[data-active]{border-color:var(--dpai-violet);color:var(--dpai-ink);font-weight:var(--dpai-weight-semibold)}.dpai-design-badgePreview{align-items:center;gap:.35rem;display:flex}.dpai-design-badgePreview i{background:var(--color-dpai-positive-soft);border:1px solid var(--color-dpai-positive-line);color:var(--color-dpai-positive);font:normal var(--dpai-weight-semibold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;padding:.34rem .43rem}.dpai-design-badgePreview i+i{background:var(--color-dpai-desk);border-color:var(--color-dpai-line);color:var(--color-dpai-muted)}.dpai-design-avatarPreview{padding-left:.6rem;display:flex}.dpai-design-avatarPreview i{background:var(--color-dpai-ink);border:2px solid var(--color-dpai-paper);color:var(--color-dpai-inverse);font:normal var(--dpai-weight-semibold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;margin-left:-.6rem;display:flex}.dpai-design-avatarPreview i:nth-child(2){background:var(--dpai-violet)}.dpai-design-avatarPreview i:nth-child(3){background:var(--color-dpai-line);color:var(--color-dpai-muted)}.dpai-design-productPreview{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-control);width:6.5rem;display:grid;overflow:hidden}.dpai-design-productPreview>i{background:linear-gradient(135deg, var(--color-dpai-violet-line), var(--color-dpai-violet-light));height:2.35rem}.dpai-design-productPreview>span{gap:.12rem;padding:.38rem;display:grid}.dpai-design-productPreview b{font-size:var(--dpai-text-preview)}.dpai-design-productPreview small{color:var(--color-dpai-subtle);font-size:var(--dpai-text-preview)}.dpai-design-alertPreview,.dpai-design-toastPreview{background:var(--color-dpai-warning-soft);border:1px solid var(--color-dpai-warning-line);border-radius:var(--radius-dpai-control);align-items:center;gap:.45rem;width:100%;padding:.55rem;display:flex}.dpai-design-alertPreview>i,.dpai-design-toastPreview>i{background:var(--color-dpai-warning);color:var(--color-dpai-inverse);font:normal var(--dpai-weight-bold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:999px;flex:none;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.dpai-design-alertPreview>span,.dpai-design-toastPreview>span{gap:.08rem;display:grid}.dpai-design-alertPreview b,.dpai-design-toastPreview b{font-size:var(--dpai-text-preview)}.dpai-design-alertPreview small,.dpai-design-toastPreview small{color:var(--color-dpai-warning);font-size:var(--dpai-text-preview)}.dpai-design-toastPreview{background:var(--color-dpai-ink);border-color:var(--color-dpai-ink);color:var(--color-dpai-inverse);box-shadow:0 6px 15px #241b3229}@supports (color:color-mix(in lab, red, red)){.dpai-design-toastPreview{box-shadow:0 6px 15px color-mix(in srgb, var(--color-dpai-ink) 16.1%, transparent)}}.dpai-design-toastPreview>i{background:var(--dpai-signal);color:var(--color-dpai-positive)}.dpai-design-toastPreview small{color:var(--color-dpai-subtle)}.dpai-design-srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dpai-design-systemBody{background:var(--color-dpai-inverse);overscroll-behavior:contain;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:.8rem;overflow:auto}.dpai-design-systemBody::-webkit-scrollbar{width:.45rem}.dpai-design-systemBody::-webkit-scrollbar-track{background:0 0}.dpai-design-systemBody::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-searchWrap{z-index:4;margin:-.8rem -.8rem 0;padding:.65rem .8rem .8rem;position:sticky;top:0}.dpai-design-searchWrap .dpai-design-searchField{background:var(--color-dpai-inverse);border-color:var(--color-dpai-line);border-radius:.8rem;box-shadow:0 1px 2px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-design-searchWrap .dpai-design-searchField{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-design-searchWrap .dpai-design-searchField{height:2.25rem;padding-inline:.72rem}.dpai-design-searchWrap .dpai-design-searchField:focus-within{box-shadow:0 0 0 3px #7438d01c,0 1px 2px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-design-searchWrap .dpai-design-searchField:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 11.0%, transparent), 0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-design-searchWrap+.dpai-design-catalogGroup{margin-top:.65rem}.dpai-design-catalogGroup+.dpai-design-catalogGroup{margin-top:1.2rem}.dpai-design-catalogGroup>p{color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);letter-spacing:var(--dpai-tracking-label);margin:0 0 .48rem .18rem}.dpai-design-foundationGroup{margin-inline:0}.dpai-design-foundationGroup>p{margin-left:.18rem;padding-inline:0}.dpai-design-foundationGroup .dpai-design-accordionList{border:0}.dpai-design-accordionList{background:0 0}.dpai-design-accordionItem{border-top:1px solid var(--color-dpai-line)}.dpai-design-accordionItem:last-child{border-bottom:1px solid var(--color-dpai-line)}.dpai-design-accordionItem>button{color:var(--color-dpai-ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:.7rem minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;min-height:2.85rem;padding:.62rem .18rem;display:grid}.dpai-design-accordionItem>button:hover{color:var(--dpai-ink)}.dpai-design-accordionItem>button:focus-visible{box-shadow:0 0 0 2px var(--dpai-violet);border-radius:.4rem;outline:0}.dpai-design-accordionItem>button>span{color:var(--color-dpai-subtle);font:var(--dpai-text-body)/var(--dpai-leading-solid) var(--dpai-font-sans);transform-origin:50%;transition:transform .16s,color .16s}.dpai-design-accordionItem[data-open=true]>button>span{color:var(--dpai-violet-dark);transform:rotate(90deg)}.dpai-design-accordionItem>button strong{font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title)}.dpai-design-accordionItem>button small{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;display:inline-flex}.dpai-design-accordionContent{border-top:1px solid var(--color-dpai-line);background:0 0;padding:0;animation:.16s both accordion-in}.dpai-design-componentRows{background:0 0;grid-template-columns:minmax(0,1fr);padding:.95rem 0 1rem;display:grid}.dpai-design-componentRow{color:var(--dpai-ink);min-width:0}.dpai-design-componentRow+.dpai-design-componentRow{border-top:1px solid var(--color-dpai-desk);padding-top:1rem}.dpai-design-componentThumb{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-desk);border-radius:.6rem;justify-content:center;align-items:center;min-height:3.5rem;padding:0;transition:height .16s;display:flex;position:relative;overflow:hidden}.dpai-design-componentThumb>iframe{pointer-events:none;transform-origin:50%;background:0 0;border:0;max-width:none;position:absolute;top:50%;left:50%}.dpai-design-previewFallback{color:var(--color-dpai-subtle);font:var(--dpai-text-caption)/var(--dpai-leading-compact) var(--dpai-font-mono);text-align:center;padding:.75rem}.dpai-design-componentRow .dpai-design-componentMeta{background:0 0;align-items:center;padding:0 0 .55rem}.dpai-design-componentRow .dpai-design-componentMeta>strong{font-size:var(--dpai-text-label);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@keyframes accordion-in{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}.dpai-design-panelBody{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;touch-action:pan-y;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.75rem;display:flex;overflow:auto}.dpai-design-panelBody::-webkit-scrollbar{width:.45rem}.dpai-design-panelBody::-webkit-scrollbar-track{background:0 0}.dpai-design-panelBody::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-panelBody::-webkit-scrollbar-thumb:hover{background:var(--color-dpai-subtle);background-clip:padding-box}.dpai-design-typeCard{background:var(--color-dpai-inverse);grid-template-columns:1fr;min-height:22rem;margin:-.6rem;display:grid}.dpai-design-typeMain{flex-direction:column;min-width:0;min-height:18rem;padding:1.25rem;display:flex}.dpai-design-motif{grid-template-columns:repeat(2,1.1rem);gap:.18rem;margin-bottom:1.3rem;display:grid}.dpai-design-motif i{background:var(--color-dpai-violet-line);border-radius:999px;width:1.1rem;height:1.1rem}.dpai-design-motif i:nth-child(4){background:var(--dpai-violet)}.dpai-design-cardEyebrow{font-size:var(--dpai-text-title);font-weight:var(--dpai-weight-regular);letter-spacing:var(--dpai-tracking-title);margin:0 0 1.35rem}.dpai-design-typeSystems{grid-template-columns:1fr;gap:.85rem;display:grid}.dpai-design-typeSystems strong{font-size:var(--dpai-text-label)}.dpai-design-typeSystems p{color:var(--color-dpai-subtle);font:var(--dpai-text-label)/var(--dpai-leading-relaxed) var(--dpai-font-mono);margin:.55rem 0 0}.dpai-design-typeSystems p b{color:var(--color-dpai-ink);font-family:var(--dpai-font-sans);font-weight:var(--dpai-weight-semibold);display:block}.dpai-design-typeSystems p span{margin-top:.12rem;display:block}.dpai-design-typeSpecimen{overflow-wrap:anywhere;margin:auto 0 0;font-size:var(--dpai-text-title-lg)!important}.dpai-design-glyphRail{background:var(--color-dpai-violet-soft);border-top:1px solid var(--color-dpai-violet-line);text-align:center;padding:1rem}.dpai-design-glyphRail>strong{font:var(--dpai-weight-bold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);text-align:right;margin:0 0 1rem;display:block}.dpai-design-glyphRail>strong:nth-of-type(2){margin-top:1.4rem}.dpai-design-glyphRail>div{font-size:var(--dpai-text-body-sm);line-height:var(--dpai-leading-solid);grid-template-columns:repeat(6,1fr);gap:.35rem .5rem;display:grid}.dpai-design-glyphRail>p{font-size:var(--dpai-text-body);line-height:var(--dpai-leading-loose);margin:0}.dpai-design-colorCard{background:var(--color-dpai-inverse);margin:-.6rem;padding:.8rem}.dpai-design-swatchGrid{grid-template-columns:1fr;gap:.7rem;display:grid}.dpai-design-swatch{border:1px solid #241b320c}@supports (color:color-mix(in lab, red, red)){.dpai-design-swatch{border:1px solid color-mix(in srgb, var(--color-dpai-ink) 4.7%, transparent)}}.dpai-design-swatch{min-width:0;position:relative;overflow:hidden}.dpai-design-swatchMain{background:var(--swatch-color);font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-bold);justify-content:space-between;align-items:flex-end;min-height:6.4rem;padding:.8rem;display:flex}.dpai-design-swatchMain[data-dark=true]{color:var(--color-dpai-paper)}.dpai-design-swatchMain code{font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-design-tones{grid-template-columns:repeat(8,1fr);height:2.4rem;display:grid}.dpai-design-tones i{display:block}.dpai-design-swatch>small{display:none}.dpai-design-overviewCard{background:var(--color-dpai-inverse);margin:-.6rem;padding:1.2rem}.dpai-design-overviewCard>header{grid-template-columns:auto auto 1fr;align-items:center;gap:.65rem;display:grid}.dpai-design-overviewCard>header>strong{font-size:var(--dpai-text-body-sm)}.dpai-design-overviewCard>header>small{color:var(--color-dpai-subtle);font-size:var(--dpai-text-label);justify-self:end}.dpai-design-sectionMark{background:var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-mono);border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:flex}.dpai-design-overviewCard>p{color:var(--dpai-muted);font-size:var(--dpai-text-body-sm);line-height:var(--dpai-leading-relaxed);max-width:58ch;margin:1rem 0}.dpai-design-factGrid{grid-template-columns:1fr;gap:.65rem;display:grid}.dpai-design-factGrid>div{background:var(--color-dpai-paper);border:1px solid var(--color-dpai-line);border-radius:var(--radius-dpai-panel);min-width:0;padding:.8rem}.dpai-design-factGrid span{color:var(--color-dpai-muted);font-size:var(--dpai-text-label);text-transform:uppercase;margin-bottom:.25rem;display:block}.dpai-design-factGrid strong{font-size:var(--dpai-text-body-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dpai-design-message{text-align:center;margin:.75rem;padding:2rem 1rem}.dpai-design-message strong{font-size:var(--dpai-text-body-sm)}.dpai-design-message p{color:var(--dpai-muted);font:var(--dpai-text-label)/var(--dpai-leading-relaxed) var(--dpai-font-mono)}@keyframes panel-enter{0%{opacity:.92;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:.92;transform:translate(-100%)}}@media (width<=640px){.dpai-design-panel{min-width:var(--dpai-design-sidebar-width);width:var(--dpai-design-sidebar-width)}.dpai-design-typeCard{grid-template-columns:1fr}.dpai-design-glyphRail{border-left:0;border-top:1px solid var(--color-dpai-violet-line)}.dpai-design-swatchGrid{grid-template-columns:1fr}}.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody){scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;transition:scrollbar-color .18s ease-out}.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody):hover,.dpai-design-panel[data-keyboard-navigation=true] :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody):focus-within{scrollbar-color:var(--color-dpai-line-strong) transparent}.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody)::-webkit-scrollbar-thumb{background:0 0;transition:background-color .18s ease-out}.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody):hover::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box}.dpai-design-panel[data-keyboard-navigation=true] :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody):focus-within::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box}@media (prefers-reduced-motion:reduce){.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody){transition:none}.dpai-design-panel :is(.dpai-design-scrollArea,.dpai-design-pageList,.dpai-design-pagePanel,.dpai-design-panelBody,.dpai-design-componentLibrary,.dpai-design-systemBody)::-webkit-scrollbar-thumb{transition:none}.dpai-design-panel,.dpai-design-panel[data-closing=true],.dpai-design-accordionContent{animation:none}.dpai-design-accordionItem>button>span,.dpai-design-componentCard,.dpai-design-componentThumb,.dpai-design-menuTabs>button,.dpai-design-pageItem,.dpai-design-pagePanelHeader>button,.dpai-design-pageVisibility{transition:none}}.dpai-canvas-sidebarStudio{--dpai-navbar-height:0px;--dpai-studio-sidebar-width:280px;--dpai-studio-dock-offset:var(--dpai-studio-sidebar-width);--dpai-studio-left-inset:0px;--dpai-studio-right-inset:0px;--dpai-studio-review-width:var(--dpai-studio-actions-width);--dpai-studio-actions-width:var(--dpai-studio-actions-preferred-width,320px);min-height:0;position:relative}.dpai-canvas-sidebarStudio[data-sidebar-open=true]{--dpai-studio-left-inset:var(--dpai-studio-sidebar-width)}.dpai-canvas-sidebarStudio[data-actions-open=true]{--dpai-studio-right-inset:var(--dpai-studio-actions-width)}.dpai-canvas-sidebarStudio[data-comments-open=true]{--dpai-studio-right-inset:var(--dpai-studio-review-width)}.dpai-canvas-sidebarStudio .dpai-canvas-board.react-flow{z-index:auto!important}.dpai-canvas-sidebarStudio .dpai-design-panel[data-docked=true]{box-shadow:none;min-width:0;width:var(--dpai-studio-sidebar-width);pointer-events:none;z-index:80;border:0;animation:none}.dpai-canvas-sidebarStudio .dpai-design-drawerContent{border-right:1px solid var(--dpai-line);background:var(--dpai-chrome)}.dpai-canvas-sidebarStudio .dpai-design-panel[data-open=true] .dpai-design-drawerContent,.dpai-canvas-sidebarStudio .dpai-design-resizeHandle{pointer-events:auto}.dpai-canvas-sidebarLauncher{border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-surface);background:var(--dpai-chrome);width:max-content;box-shadow:0 8px 24px var(--dpai-ink);position:absolute;top:12px;left:12px}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-sidebarLauncher{box-shadow:0 8px 24px color-mix(in srgb, var(--dpai-ink) 10%, transparent)}}.dpai-canvas-sidebarLauncher{pointer-events:auto}.dpai-canvas-sidebarLauncher[inert]{pointer-events:none}.dpai-canvas-actionsSidebar{width:var(--dpai-studio-actions-width);pointer-events:none;z-index:80;position:absolute;inset:0 0 0 auto}.dpai-canvas-actionsLauncher{pointer-events:auto;position:absolute;top:12px;right:12px}.dpai-canvas-actionsLauncher[inert]{pointer-events:none}.dpai-canvas-actionsDrawer{border-left:1px solid var(--dpai-line);background:var(--dpai-chrome);flex-direction:column;height:100%;display:flex}.dpai-canvas-actionsSidebar[data-open=true] .dpai-canvas-actionsDrawer{pointer-events:auto}.dpai-canvas-actionsDrawer>.dpai-canvas-sidebarActions{border-top:0;flex-shrink:0}.dpai-canvas-sidebarStudio .dpai-design-menuTabs{flex-shrink:0;margin-top:0}.dpai-canvas-sidebarStudio .dpai-design-pagePanel{background:var(--dpai-chrome)}.dpai-canvas-sidebarStudio .dpai-canvas-projectNameEditor{min-width:0;display:block}.dpai-canvas-sidebarStudio .dpai-canvas-projectName{width:100%;max-width:none;font-size:var(--dpai-text-body-sm)}.dpai-canvas-sidebarStudio .dpai-canvas-projectNameButton{justify-content:space-between}.dpai-canvas-sidebarActions{border-top:1px solid var(--dpai-line);flex-shrink:0;padding:12px}.dpai-canvas-sidebarActions .dpai-canvas-topbarActions{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.dpai-canvas-sidebarActions .dpai-canvas-creditBadge{border-radius:8px;order:5;justify-content:flex-start;margin-top:6px}.dpai-canvas-sidebarActions .dpai-canvas-creditBadge>span:last-child{margin-left:auto}.dpai-canvas-sidebarActions .dpai-canvas-connectAgent{order:-1}.dpai-canvas-sidebarActions .dpai-canvas-connectButton,.dpai-canvas-sidebarActions .dpai-canvas-projectTemplateShareButton{width:100%;min-height:36px;color:var(--dpai-ink);box-shadow:none;background:0 0;border-color:#0000;justify-content:flex-start}.dpai-canvas-sidebarActions .dpai-canvas-connectButton:hover,.dpai-canvas-sidebarActions .dpai-canvas-projectTemplateShareButton:hover{background:var(--dpai-paper)}.dpai-canvas-sidebarActions .dpai-canvas-connectButtonChevron{margin-left:auto}.dpai-canvas-sidebarActions .dpai-canvas-projectTemplateShare{flex-direction:column;align-items:stretch}.dpai-canvas-sidebarActions .dpai-canvas-exportButton{width:100%;min-height:38px;margin-top:4px}.dpai-canvas-sidebarActions .dpai-canvas-connectPanel{left:calc(var(--dpai-studio-left-inset) + 12px);max-height:calc(100dvh - 32px);position:fixed;top:auto;bottom:16px;right:auto;overflow-y:auto}.dpai-canvas-sidebarActions .dpai-canvas-connectPanel:before{display:none}.dpai-canvas-actionsDrawer .dpai-canvas-topbarActions{flex-flow:wrap;align-items:center;gap:8px;display:flex}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShare{flex-direction:row;flex:none;position:relative}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShareButton{width:auto}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShareError{z-index:2;border:1px solid var(--dpai-line);background:var(--dpai-chrome);border-radius:8px;width:280px;max-width:calc(100vw - 80px);padding:8px;position:absolute;top:calc(100% + 4px);left:-46px}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShareButton{border-radius:var(--radius-dpai-control);background:var(--dpai-paper);justify-content:center;min-height:40px;padding:0 10px}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShareButton:hover:not(:disabled){background:var(--dpai-desk)}.dpai-canvas-actionsDrawer .dpai-canvas-projectTemplateShareButton>span{display:inline-flex}.dpai-canvas-actionsDrawer .dpai-canvas-exportButton{border-radius:var(--radius-dpai-control);width:auto;min-height:40px;box-shadow:none;flex:1 0 auto;gap:8px;margin:0;padding-inline:14px;display:inline-flex}.dpai-canvas-sidebarCredit .dpai-canvas-creditBadge{border-radius:8px;justify-content:flex-start;width:100%}.dpai-canvas-sidebarCredit .dpai-canvas-creditBadge>span:last-child{margin-left:auto}.dpai-canvas-actionsDrawer .dpai-canvas-connectPanel{max-height:calc(100dvh - 144px);position:absolute;inset:0 calc(100% + 24px) auto auto}.dpai-canvas-actionsDrawer .dpai-canvas-agentSetupCard .dpai-canvas-connectPanel{top:auto;bottom:0;right:calc(100% + 24px);overflow-y:auto}.dpai-canvas-agentSetupCard .dpai-canvas-connectPanel:before{display:none}.dpai-canvas-agentSetupCard .dpai-canvas-connectButtonLabel,.dpai-canvas-agentSetupCard .dpai-canvas-connectButtonChevron{display:inline-flex}.dpai-canvas-agentSetupCard .dpai-canvas-connectButton[aria-expanded=true] .dpai-canvas-connectButtonChevron{transform:none}.dpai-canvas-sidebarStudio .dpai-canvas-sidebarReview .dpai-canvas-commentSidebarPanel.react-flow__panel{width:100%;height:100%;position:static;inset:auto}.dpai-canvas-sidebarStudio .dpai-canvas-sidebarReview .dpai-canvas-commentSidebar{border:0}.dpai-canvas-sidebarReview .dpai-canvas-commentSidebarHeader{min-height:48px;padding:8px 12px}.dpai-canvas-sidebarReview .dpai-canvas-commentSidebarHeader strong{font-size:var(--dpai-text-body-sm)}.dpai-canvas-sidebarStudio .dpai-canvas-toolPanel.react-flow__panel,.dpai-canvas-sidebarStudio .dpai-canvas-toolPanel.react-flow__panel[data-sidebar-open=true]{transition:none;transform:none;margin-left:12px!important;left:0!important}.dpai-canvas-sidebarStudio .dpai-canvas-toolPanel[data-sidebar-open=true] .dpai-canvas-morphDock[data-layout=rail]{border-left:1px solid var(--dpai-line);border-radius:var(--radius-dpai-panel)!important}.dpai-canvas-sidebarStudio .react-flow__controls{left:calc(var(--dpai-studio-left-inset) + 12px)!important}.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebarPanel.react-flow__panel{height:100%;max-height:100%;width:var(--dpai-studio-review-width);clip-path:none;transition:opacity .15s,visibility .15s;inset:0 0 0 auto;z-index:80!important;margin:0!important}.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebarPanel[data-open=false]{clip-path:none}.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebar{border:0;border-left:1px solid var(--dpai-line);background:var(--dpai-chrome);width:100%;height:100%;box-shadow:none;border-radius:0}.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebarHide{width:36px;height:36px}.dpai-canvas-sidebarStudio .dpai-aiChat-composer{left:calc((100% + var(--dpai-studio-left-inset) - var(--dpai-studio-right-inset)) / 2);width:min(560px, calc(100% - var(--dpai-studio-left-inset) - var(--dpai-studio-right-inset) - 48px))}.dpai-canvas-sidebarStudio .dpai-aiChat-surfaces>button,.dpai-canvas-sidebarStudio .dpai-aiChat-floating{right:calc(var(--dpai-studio-right-inset) + 16px)}.dpai-canvas-sidebarStudio .dpai-canvas-agentPreviewPanel{right:var(--dpai-studio-right-inset)}@media (width<=999px){.dpai-canvas-sidebarStudio{--dpai-studio-dock-offset:0px;--dpai-studio-review-width:min(320px, calc(100vw - 52px));--dpai-studio-actions-width:min(320px, calc(100vw - 52px))}.dpai-canvas-sidebarStudio[data-sidebar-open=true],.dpai-canvas-sidebarStudio[data-actions-open=true],.dpai-canvas-sidebarStudio[data-comments-open=true]{--dpai-studio-left-inset:0px;--dpai-studio-right-inset:0px}.dpai-canvas-sidebarStudio .dpai-design-panel[data-docked=true]{width:min(var(--dpai-studio-sidebar-width), calc(100vw - 52px))}.dpai-canvas-sidebarActions .dpai-canvas-connectPanel{width:calc(100vw - 72px);left:60px}.dpai-canvas-actionsDrawer .dpai-canvas-connectPanel{left:auto;right:calc(40px - var(--dpai-studio-actions-width) + 24px);width:calc(100vw - 24px);max-height:calc(100dvh - 160px);top:48px}.dpai-canvas-actionsDrawer>header button{min-width:44px;min-height:44px}.dpai-canvas-actionsDrawer .dpai-canvas-agentSetupCard .dpai-canvas-connectPanel{width:calc(100vw - 24px);max-height:calc(100dvh - 96px);position:fixed;top:72px;bottom:auto;right:12px}.dpai-canvas-sidebarStudio .dpai-aiChat-composer{width:calc(100% - 76px)}.dpai-canvas-sidebarStudio .dpai-canvas-projectName,.dpai-canvas-sidebarStudio .dpai-canvas-connectButtonLabel,.dpai-canvas-sidebarStudio .dpai-canvas-connectButtonStatus,.dpai-canvas-sidebarStudio .dpai-canvas-connectButtonChevron,.dpai-canvas-sidebarStudio .dpai-canvas-projectTemplateShareButton>span{display:inline-flex}.dpai-canvas-sidebarStudio .dpai-design-panel>.dpai-design-drawerContent>header button,.dpai-canvas-sidebarStudio .dpai-design-panel>.dpai-design-drawerContent>header a{min-height:44px}.dpai-canvas-sidebarLauncher button,.dpai-canvas-sidebarLauncher a{min-width:44px;min-height:44px}.dpai-canvas-sidebarActions .dpai-canvas-connectButton,.dpai-canvas-sidebarActions .dpai-canvas-projectTemplateShareButton,.dpai-canvas-sidebarActions .dpai-canvas-exportButton,.dpai-canvas-sidebarActions .dpai-canvas-creditBadge{min-height:44px}.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebarHide{width:44px;height:44px}}@media (height<=600px){.dpai-canvas-agentSetupArtworkMotion{display:none}}@media (prefers-reduced-motion:reduce){.dpai-canvas-sidebarStudio .dpai-canvas-commentSidebarPanel.react-flow__panel{transition:none}}.dpai-layout-panel{background:var(--color-dpai-paper);border:0;border-left:1px solid var(--dpai-line);border-radius:0;animation:.24s cubic-bezier(.22,1,.36,1) both dpai-layout-panel-enter;box-shadow:-12px 0 32px #241b3214}@supports (color:color-mix(in lab, red, red)){.dpai-layout-panel{box-shadow:-12px 0 32px color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent)}}.dpai-layout-panel{color:var(--dpai-ink);height:100%;min-width:var(--dpai-layout-sidebar-width);width:var(--dpai-layout-sidebar-width);z-index:40;flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;overflow:hidden}.dpai-layout-panel[data-closing=true]{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both dpai-layout-panel-exit}.dpai-layout-panelHeader{background:var(--color-dpai-inverse);border-bottom:1px solid var(--dpai-line);min-height:var(--dpai-navbar-height);justify-content:space-between;align-items:center;padding:0 .8rem 0 1rem;display:flex}.dpai-layout-titleGroup{align-items:center;gap:.55rem;min-width:0;display:flex}.dpai-layout-titleGroup strong{font-size:var(--dpai-text-body-sm);letter-spacing:var(--dpai-tracking-title)}.dpai-layout-titleGroup>span{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.3rem .42rem;overflow:hidden}.dpai-layout-headerActions{align-items:center;gap:.55rem;display:flex}.dpai-layout-headerActions button{color:var(--dpai-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.dpai-layout-headerActions button:hover{background:var(--color-dpai-desk)}.dpai-layout-headerActions button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-headerActions button svg{width:1.05rem;height:1.05rem}.dpai-layout-panelBody{background:var(--color-dpai-paper);overscroll-behavior:contain;scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 14px;overflow-y:auto}.dpai-layout-libraryControls{background:var(--color-dpai-paper);z-index:3;padding:12px 0 9px;position:sticky;top:0}.dpai-layout-searchField{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:.8rem;align-items:center;box-shadow:0 1px 2px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-layout-searchField{box-shadow:0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-layout-searchField{height:2.25rem;padding-inline:.72rem;display:flex}.dpai-layout-searchField:focus-within{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #7438d01c,0 1px 2px #241b320d}@supports (color:color-mix(in lab, red, red)){.dpai-layout-searchField:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-dpai-violet) 11.0%, transparent), 0 1px 2px color-mix(in srgb, var(--color-dpai-ink) 5.1%, transparent)}}.dpai-layout-searchField>svg{color:var(--color-dpai-muted);flex:none;width:.9rem;height:.9rem}.dpai-layout-searchField input{color:var(--dpai-ink);font:var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 .55rem}.dpai-layout-searchField input::placeholder{color:var(--color-dpai-subtle)}.dpai-layout-searchField input::-webkit-search-cancel-button{display:none}.dpai-layout-srOnly{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dpai-layout-categoryRail{scrollbar-width:none;gap:5px;margin:8px -12px 0;padding:1px 12px;display:flex;overflow-x:auto}.dpai-layout-categoryRail::-webkit-scrollbar{display:none}.dpai-layout-categoryRail>button{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--color-dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);border-radius:999px;flex:none;height:28px;padding:0 10px}.dpai-layout-categoryRail>button:hover{border-color:var(--color-dpai-line-strong);color:var(--dpai-ink)}.dpai-layout-categoryRail>button[data-active=true]{background:var(--dpai-ink);border-color:var(--dpai-ink);color:var(--color-dpai-inverse)}.dpai-layout-categoryRail>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-resultsMeta{justify-content:space-between;align-items:center;padding:3px 1px 9px;display:flex}.dpai-layout-resultsMeta span{color:var(--dpai-ink);font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-mono);text-transform:uppercase}.dpai-layout-resultsMeta small{color:var(--color-dpai-subtle);font-size:10px}.dpai-layout-cardList{gap:12px;display:grid}.dpai-layout-card{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:14px;transition:border-color .16s,box-shadow .16s,transform .18s;overflow:hidden}.dpai-layout-card:hover{border-color:var(--color-dpai-line-strong);box-shadow:0 12px 30px #4c1d9512}@supports (color:color-mix(in lab, red, red)){.dpai-layout-card:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--color-dpai-violet-dark) 7.1%, transparent)}}.dpai-layout-card:hover{transform:translateY(-1px)}.dpai-layout-card[data-pending=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #7438d01f}@supports (color:color-mix(in lab, red, red)){.dpai-layout-card[data-pending=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-dpai-violet) 12.2%, transparent)}}.dpai-layout-card[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px var(--dpai-violet), 0 12px 30px #4c1d9512}@supports (color:color-mix(in lab, red, red)){.dpai-layout-card[data-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--dpai-violet) 14%, transparent), 0 12px 30px color-mix(in srgb, var(--color-dpai-violet-dark) 7.1%, transparent)}}.dpai-layout-structurePreview,.dpai-layout-livePreview{aspect-ratio:452/281;background:var(--color-dpai-paper);border-bottom:1px solid var(--color-dpai-line);position:relative;overflow:hidden}.dpai-layout-livePreview iframe{pointer-events:none;transform-origin:0 0;border:0;width:300%;height:300%;transform:scale(.333333)}.dpai-layout-livePreview>span{background:#241b32cc}@supports (color:color-mix(in lab, red, red)){.dpai-layout-livePreview>span{background:color-mix(in srgb, var(--color-dpai-ink) 80.0%, transparent)}}.dpai-layout-livePreview>span{color:var(--color-dpai-inverse);font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);text-transform:uppercase;border-radius:999px;padding:5px 7px;position:absolute;bottom:8px;left:8px}.dpai-layout-structurePreview:before,.dpai-layout-structurePreview:after{content:"";pointer-events:none;position:absolute}.dpai-layout-structurePreview:before{background-image:linear-gradient(var(--color-dpai-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-dpai-line) 1px, transparent 1px);opacity:.44;background-size:28px 28px;inset:0}.dpai-layout-structurePreview:after{border:1px solid var(--color-dpai-line);border-radius:8px;inset:18px 20px}.dpai-layout-structurePreview i{background:var(--color-dpai-line);z-index:1;border-radius:999px;display:block;position:absolute}.dpai-layout-structurePreview [data-part=top]{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:7px 7px 0 0;height:25px;top:19px;left:21px;right:21px}.dpai-layout-structurePreview [data-part=title]{background:var(--color-dpai-ink);width:31%;height:8px;top:78px;left:43px}.dpai-layout-structurePreview [data-part=copy]{width:25%;height:5px;top:94px;left:43px}.dpai-layout-structurePreview [data-part=action]{background:var(--dpai-violet);border-radius:4px;width:17%;height:16px;top:111px;left:43px}.dpai-layout-structurePreview [data-part=media]{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-line);border-radius:8px;width:42%;top:61px;bottom:42px;right:40px}.dpai-layout-structurePreview [data-part^=card-]{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);border-radius:6px;height:54px;bottom:35px}.dpai-layout-structurePreview [data-part=card-one]{width:27%;left:39px}.dpai-layout-structurePreview [data-part=card-two]{width:27%;left:36.5%}.dpai-layout-structurePreview [data-part=card-three]{width:27%;right:39px}.dpai-layout-structurePreview [data-part=rail],.dpai-layout-structurePreview [data-part=aside]{display:none}.dpai-layout-structurePreview[data-preview=top-navbar] [data-part=title]{width:17%;top:28px;left:29px}.dpai-layout-structurePreview[data-preview=top-navbar] [data-part=copy]{background:var(--color-dpai-desk);border:1px solid var(--color-dpai-line);width:28%;height:13px;top:25px;left:35%}.dpai-layout-structurePreview[data-preview=top-navbar] [data-part=action]{width:12%;height:13px;top:25px;left:auto;right:31px}.dpai-layout-structurePreview[data-preview=top-navbar] [data-part=media]{width:auto;inset:62px 38px 35px}.dpai-layout-structurePreview[data-preview=top-navbar] [data-part^=card-]{display:none}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part=top]{height:42px}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part=title]{width:14%;top:26px;left:30px}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part=copy]{width:42%;top:50px;left:31px}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part=action]{width:12%;top:47px;left:auto;right:31px}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part=media]{width:auto;inset:78px 38px 34px}.dpai-layout-structurePreview[data-preview=dual-navbar] [data-part^=card-]{display:none}.dpai-layout-structurePreview[data-preview=editorial-proof] [data-part=media]{width:42%;left:40px;right:auto}.dpai-layout-structurePreview[data-preview=editorial-proof] [data-part=title],.dpai-layout-structurePreview[data-preview=editorial-proof] [data-part=copy],.dpai-layout-structurePreview[data-preview=editorial-proof] [data-part=action]{left:56%}.dpai-layout-structurePreview[data-preview=editorial-proof] [data-part^=card-]{display:none}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=rail]{background:var(--color-dpai-ink);border-radius:0 0 0 7px;width:18%;display:block;top:43px;bottom:19px;left:21px}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=aside]{background:var(--color-dpai-chrome);border:1px solid var(--color-dpai-line);border-radius:0 0 7px;width:23%;display:block;top:43px;bottom:19px;right:21px}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=media]{width:auto;inset:57px 27% 30px 24%}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=title]{width:18%;top:68px;left:26%}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=copy]{width:13%;top:84px;left:26%}.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part=action],.dpai-layout-structurePreview[data-preview=dashboard-rail] [data-part^=card-],.dpai-layout-structurePreview[data-preview=product-grid] [data-part=media]{display:none}.dpai-layout-structurePreview[data-preview=product-grid] [data-part=title]{width:24%;top:60px}.dpai-layout-structurePreview[data-preview=product-grid] [data-part=copy]{width:18%;top:76px}.dpai-layout-structurePreview[data-preview=product-grid] [data-part=action]{width:16%;top:64px;left:auto;right:39px}.dpai-layout-cardBody{gap:9px;padding:12px;display:grid}.dpai-layout-cardHeading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dpai-layout-cardHeading>div{gap:4px;min-width:0;display:grid}.dpai-layout-cardHeading small{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);letter-spacing:.05em;text-transform:uppercase}.dpai-layout-cardHeading h3{font:var(--dpai-weight-bold) var(--dpai-text-label)/1.2 var(--dpai-font-sans);letter-spacing:var(--dpai-tracking-title);margin:0}.dpai-layout-cardHeading>button{background:var(--dpai-ink);color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:5px;height:29px;padding:0 10px;transition:background-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1);display:inline-flex}.dpai-layout-cardHeading>button:hover:not(:disabled){background:var(--dpai-violet-dark)}.dpai-layout-cardHeading>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-cardHeading>button:disabled{cursor:wait;opacity:.62}.dpai-layout-cardHeading>button:active:not(:disabled){scale:.96}.dpai-layout-cardHeading>button[data-selected=true]{background:var(--color-dpai-violet-soft);box-shadow:0 0 0 1px var(--color-dpai-violet-soft) inset;color:var(--dpai-violet-dark)}.dpai-layout-cardHeading>button svg{width:13px;height:13px}.dpai-layout-cardBody>p{color:var(--dpai-muted);margin:0;font-size:11px;line-height:1.45}.dpai-layout-cardBody>ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.dpai-layout-cardBody>ul li{background:var(--color-dpai-desk);color:var(--color-dpai-muted);font:9px/1 var(--dpai-font-mono);border-radius:999px;padding:5px 7px}.dpai-layout-emptyState{color:var(--dpai-muted);text-align:center;align-content:center;justify-items:center;min-height:320px;padding:32px;display:grid}.dpai-layout-emptyState>span{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.dpai-layout-emptyState>span svg{width:20px;height:20px}.dpai-layout-emptyState strong{color:var(--dpai-ink);font-size:var(--dpai-text-label)}.dpai-layout-emptyState p{max-width:230px;margin:6px 0 14px;font-size:11px;line-height:1.5}.dpai-layout-emptyState button{background:var(--color-dpai-inverse);border:1px solid var(--color-dpai-line);color:var(--dpai-ink);cursor:pointer;font-size:11px;font-weight:var(--dpai-weight-semibold);border-radius:8px;height:31px;padding:0 11px}.dpai-layout-emptyState button:hover{border-color:var(--dpai-violet);color:var(--dpai-violet-dark)}.dpai-layout-selectionTray{background:linear-gradient(180deg, var(--color-dpai-chrome) 0%, var(--color-dpai-violet-soft) 100%);border-top:1px solid var(--dpai-line);flex:none;gap:9px;padding:12px;display:grid}.dpai-layout-selectionHeading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dpai-layout-selectionHeading>div{gap:3px;min-width:0;display:grid}.dpai-layout-selectionHeading strong{color:var(--dpai-ink);font:var(--dpai-weight-bold) var(--dpai-text-label)/1.2 var(--dpai-font-sans)}.dpai-layout-selectionHeading span{color:var(--dpai-muted);font:var(--dpai-text-canvas)/1.2 var(--dpai-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-layout-selectionHeading>button{color:var(--dpai-muted);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/1.2 var(--dpai-font-sans);text-underline-offset:3px;background:0 0;border:0;min-height:24px;padding:2px 0 2px 8px;text-decoration:underline}.dpai-layout-selectionHeading>button:hover{color:var(--dpai-violet-dark)}.dpai-layout-selectionHeading>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-selectionList{flex-wrap:wrap;gap:5px;max-height:54px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dpai-layout-selectionList li{background:var(--color-dpai-violet-soft);border:1px solid var(--color-dpai-violet-soft);color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:6px 8px;overflow:hidden}.dpai-layout-selectionHint{color:var(--dpai-muted);margin:0;font-size:11px;line-height:1.45}.dpai-layout-applyButton{background:var(--dpai-violet);color:var(--color-dpai-inverse);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;transition:background-color .15s cubic-bezier(.2,0,0,1),opacity .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1);display:flex}.dpai-layout-applyButton:hover:not(:disabled){background:var(--dpai-violet-dark)}.dpai-layout-applyButton:active:not(:disabled){scale:.96}.dpai-layout-applyButton:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-applyButton:disabled{cursor:default;opacity:.42}.dpai-layout-applyButton span{align-items:center;display:flex}.dpai-layout-applyButton svg{width:15px;height:15px}.dpai-layout-applyStatus{color:var(--dpai-muted);text-align:center;min-height:12px;font-size:10px;line-height:1.2}@keyframes dpai-layout-panel-enter{0%{opacity:.92;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes dpai-layout-panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:.92;transform:translate(100%)}}@media (width<=760px){.dpai-layout-panel{min-width:var(--dpai-layout-sidebar-width);width:var(--dpai-layout-sidebar-width)}}@media (prefers-reduced-motion:reduce){.dpai-layout-panel,.dpai-layout-panel[data-closing=true],.dpai-layout-card,.dpai-layout-cardHeading>button,.dpai-layout-applyButton{transition:none;animation:none}}.dpai-aiChat-trigger{background:var(--dpai-ink);border:1px solid #ffffff2e;align-items:center}@supports (color:color-mix(in lab, red, red)){.dpai-aiChat-trigger{border:1px solid color-mix(in srgb, var(--color-dpai-chrome) 18%, transparent)}}.dpai-aiChat-trigger{border-radius:999px;bottom:1rem;box-shadow:0 12px 32px #241b3233}@supports (color:color-mix(in lab, red, red)){.dpai-aiChat-trigger{box-shadow:0 12px 32px color-mix(in srgb, var(--color-dpai-ink) 20%, transparent)}}.dpai-aiChat-trigger{color:var(--color-dpai-inverse);cursor:pointer;font:600 var(--dpai-text-label)/1 var(--dpai-font-sans);z-index:75;gap:.5rem;min-height:2.75rem;padding:.75rem 1rem;display:inline-flex;position:fixed;left:1rem}.dpai-aiChat-trigger:hover{background:var(--dpai-violet-dark)}.dpai-aiChat-panel{background:#fffffff7}@supports (color:color-mix(in lab, red, red)){.dpai-aiChat-panel{background:color-mix(in srgb, var(--color-dpai-chrome) 97%, transparent)}}.dpai-aiChat-panel{border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-panel);bottom:1rem;box-shadow:0 22px 60px #241b3233}@supports (color:color-mix(in lab, red, red)){.dpai-aiChat-panel{box-shadow:0 22px 60px color-mix(in srgb, var(--color-dpai-ink) 20%, transparent)}}.dpai-aiChat-panel{max-height:min(42rem, calc(100dvh - var(--dpai-navbar-height) - 2rem));z-index:76;grid-template-rows:auto minmax(0,1fr);width:min(24rem,100vw - 2rem);display:grid;position:fixed;left:1rem;overflow:hidden}.dpai-aiChat-header{border-bottom:1px solid var(--dpai-line);justify-content:space-between;align-items:center;min-height:3.5rem;padding:.75rem .85rem .75rem 1rem;display:flex}.dpai-aiChat-headerCopy{gap:.1rem;min-width:0;display:grid}.dpai-aiChat-headerCopy strong{font-size:var(--dpai-text-body-sm)}.dpai-aiChat-scope{color:var(--dpai-muted);font-size:var(--dpai-text-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-aiChat-close{border-radius:var(--radius-dpai-control);color:var(--dpai-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;display:inline-flex}.dpai-aiChat-close:hover{background:var(--dpai-paper);color:var(--dpai-ink)}.dpai-aiChat-body{grid-template-rows:minmax(0,1fr) auto auto;min-height:22rem;display:grid}.dpai-aiChat-messages{flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.dpai-aiChat-empty{color:var(--dpai-muted);gap:.65rem;display:grid}.dpai-aiChat-empty>span{color:var(--dpai-violet);font-size:1.25rem}.dpai-aiChat-empty strong{color:var(--dpai-ink);font-size:var(--dpai-text-body-sm);line-height:1.35}.dpai-aiChat-empty p{font-size:var(--dpai-text-caption);margin:0;line-height:1.5}.dpai-aiChat-suggestions{gap:.45rem;margin-top:.25rem;display:grid}.dpai-aiChat-suggestion{background:var(--dpai-paper);border:1px solid var(--dpai-line);border-radius:var(--radius-dpai-action);color:var(--dpai-ink);cursor:pointer;font:500 var(--dpai-text-caption)/1.45 var(--dpai-font-sans);text-align:left;padding:.65rem .75rem}.dpai-aiChat-suggestion:hover{border-color:var(--dpai-violet)}.dpai-aiChat-message{align-self:flex-start;gap:.35rem;max-width:92%;display:grid}.dpai-aiChat-message[data-role=user]{background:var(--dpai-ink);color:var(--color-dpai-inverse);border-radius:.85rem .85rem .2rem;align-self:flex-end;padding:.65rem .75rem}.dpai-aiChat-message>span{color:var(--dpai-muted);font-size:var(--dpai-text-preview);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.dpai-aiChat-message[data-role=user]>span{color:#ffffff9e}@supports (color:color-mix(in lab, red, red)){.dpai-aiChat-message[data-role=user]>span{color:color-mix(in srgb, var(--color-dpai-chrome) 62%, transparent)}}.dpai-aiChat-message p{font-size:var(--dpai-text-caption);white-space:pre-wrap;margin:0;line-height:1.5}.dpai-aiChat-tool{color:var(--dpai-muted);font:500 var(--dpai-text-caption)/1.35 var(--dpai-font-mono);align-items:center;gap:.4rem;display:flex}.dpai-aiChat-tool span{color:var(--dpai-positive)}.dpai-aiChat-toolEntry{gap:.35rem;display:grid}.dpai-aiChat-toolFailure{background:var(--color-dpai-danger-soft);border:1px solid var(--color-dpai-danger-line);color:var(--color-dpai-danger);font:500 var(--dpai-text-preview)/1.45 var(--dpai-font-mono);border-radius:.55rem;padding:.45rem .55rem}.dpai-aiChat-toolFailure summary{cursor:pointer;font-family:var(--dpai-font-sans);font-weight:700}.dpai-aiChat-toolFailure code{color:var(--dpai-ink);overflow-wrap:anywhere;white-space:pre-wrap;padding-top:.4rem;display:block}.dpai-aiChat-toolFailureId{color:var(--dpai-muted);-webkit-user-select:all;user-select:all;margin-top:.35rem;display:block}.dpai-aiChat-trace{border-top:1px solid var(--dpai-line);color:var(--dpai-muted);font:500 var(--dpai-text-preview)/1.35 var(--dpai-font-mono);flex-wrap:wrap;align-items:center;gap:.25rem .55rem;margin-top:.2rem;padding-top:.45rem;display:flex}.dpai-aiChat-traceCost{color:var(--dpai-ink);margin-left:auto;font-weight:700}.dpai-aiChat-error{background:var(--color-dpai-danger-soft);border-top:1px solid var(--color-dpai-danger-line);color:var(--color-dpai-danger);font-size:var(--dpai-text-caption);margin:0;padding:.65rem 1rem}.dpai-aiChat-composer{padding:.75rem;display:grid}.dpai-aiChat-composer textarea{background:var(--dpai-paper);border-radius:var(--radius-dpai-surface);color:var(--dpai-ink);font:400 var(--dpai-text-label)/1.45 var(--dpai-font-sans);resize:none;border:1px solid #0000;outline:0;min-height:4.5rem;padding:.7rem .75rem}.dpai-aiChat-composer textarea:focus{border-color:var(--dpai-violet)}.dpai-aiChat-composer textarea:disabled{cursor:not-allowed;opacity:.6}.dpai-aiChat-footer{justify-content:space-between;align-items:center;min-height:2.5rem;padding-top:.55rem;display:flex}.dpai-aiChat-footer>span{color:var(--dpai-muted);font-size:var(--dpai-text-preview)}.dpai-aiChat-send,.dpai-aiChat-stop{cursor:pointer;font:650 var(--dpai-text-caption)/1 var(--dpai-font-sans);border:0;border-radius:.6rem;min-height:2rem;padding:.55rem .75rem}.dpai-aiChat-send{background:var(--dpai-violet);color:var(--color-dpai-inverse)}.dpai-aiChat-send:hover{background:var(--dpai-violet-hover)}.dpai-aiChat-send:disabled{cursor:not-allowed;opacity:.45}.dpai-aiChat-stop{background:var(--color-dpai-danger-soft);color:var(--color-dpai-danger)}@media (width<=520px){.dpai-aiChat-panel{max-height:calc(100dvh - var(--dpai-navbar-height));border-radius:.9rem .9rem 0 0;width:100vw;bottom:0;left:0}}.dpai-aiChat-surfaces{display:contents}.dpai-aiChat-surfaces>*{visibility:visible;opacity:1;transition:opacity .2s .14s,visibility 0s linear .14s}.dpai-aiChat-surfaces[data-suspended=true]>*{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s,visibility 0s linear .12s;animation:none}.dpai-aiChat-floating{transform-origin:100% 0;animation:.32s cubic-bezier(.2,0,0,1) both dpai-aiChat-morph-open}@keyframes dpai-aiChat-morph-open{0%{clip-path:inset(0 0 calc(100% - 32px) calc(100% - 48px) round 16px);opacity:1;transform:translateY(0)}80%{clip-path:inset(0 round 16px);opacity:1;transform:translateY(0)}to{clip-path:inset(-48px round 16px);opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dpai-aiChat-surfaces>*,.dpai-aiChat-surfaces[data-suspended=true]>*{transition:none}.dpai-aiChat-floating{animation:none}}.dpai-planMorph{animation:.32s cubic-bezier(.2,0,0,1) both dpai-planMorph-open}@keyframes dpai-planMorph-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@media (prefers-reduced-motion:reduce){.dpai-planMorph{grid-template-rows:1fr;animation:none}}@supports ((-webkit-background-clip:text) or (background-clip:text)){@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.dpai-aiChat-statusShimmer{background-image:linear-gradient(110deg, var(--color-dpai-ai-muted) 35%, var(--color-dpai-ink) 50%, var(--color-dpai-ai-muted) 65%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite dpai-aiChat-statusShimmer}}}@keyframes dpai-aiChat-statusShimmer{0%{background-position:100% 0}to{background-position:0 0}}.dpai-aiChat-historyScroll{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;transition:scrollbar-color .15s ease-out}.dpai-aiChat-historyScroll:hover{scrollbar-color:var(--color-dpai-line-strong) transparent}.dpai-aiChat-historyScroll:has(:focus-visible){scrollbar-color:var(--color-dpai-line-strong) transparent}.dpai-aiChat-historyScroll::-webkit-scrollbar{width:6px;height:6px}.dpai-aiChat-historyScroll::-webkit-scrollbar-track{background:0 0}.dpai-aiChat-historyScroll::-webkit-scrollbar-button{display:none}.dpai-aiChat-historyScroll::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.dpai-aiChat-historyScroll:hover::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong)}.dpai-aiChat-historyScroll:has(:focus-visible)::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong)}@media (prefers-reduced-motion:reduce){.dpai-aiChat-historyScroll{transition:none}}.dpai-planScroll{scrollbar-color:var(--color-dpai-line-strong) transparent;scrollbar-width:thin}.dpai-planScroll::-webkit-scrollbar{width:.45rem}.dpai-planScroll::-webkit-scrollbar-track{background:0 0}.dpai-planScroll::-webkit-scrollbar-thumb{background:var(--color-dpai-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dpai-aiChat-composer{width:min(560px,100vw - 32px);left:50%}@keyframes dpai-landing-agent-logo-in{0%{filter:blur(4px);opacity:0;transform:scale(.25)}to{filter:blur();opacity:1;transform:scale(1)}}@keyframes dpai-landing-agent-beam{0%{transform:translate(-125%)}to{transform:translate(325%)}}@keyframes dpai-landing-agent-support-halo{0%{opacity:0;transform:scale(.72)}45%{opacity:.32}to{opacity:0;transform:scale(1.3)}}@keyframes dpai-landing-foundation-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - .375rem))}}.dpai-landing-foundation-track{animation:36s linear infinite dpai-landing-foundation-scroll}@keyframes dpai-landing-foundation-shader-drift{0%{transform:translate(-2%,-2%)scale(1.04)}to{transform:translate(2%,2%)scale(1.12)}}@keyframes dpai-landing-marquee-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .375rem))}}@keyframes dpai-landing-marquee-right{0%{transform:translate(calc(-50% - .375rem))}to{transform:translate(0)}}.dpai-landing-marquee-viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4rem calc(100% - 4rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 4rem calc(100% - 4rem),#0000)}.dpai-landing-marquee-track{animation-duration:42s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.dpai-landing-marquee-track[data-direction=left]{animation-name:dpai-landing-marquee-left}.dpai-landing-marquee-track[data-direction=right]{animation-name:dpai-landing-marquee-right}#templates[data-running=true] .dpai-landing-marquee-track{animation-play-state:running}@keyframes dpai-landing-capability-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){#capabilities[data-visible=false] :is(.dpai-landing-capability-heading,.dpai-landing-capability-card,.dpai-landing-capability-cta){opacity:0;transform:translateY(18px)}#capabilities[data-visible=true] .dpai-landing-capability-heading{animation:.5s cubic-bezier(.2,0,0,1) both dpai-landing-capability-enter}#capabilities[data-visible=true] .dpai-landing-capability-card{animation:.5s cubic-bezier(.2,0,0,1) both dpai-landing-capability-enter;animation-delay:calc(90ms * var(--capability-index) + .1s)}#capabilities[data-visible=true] .dpai-landing-capability-cta{animation:.52s cubic-bezier(.2,0,0,1) .47s both dpai-landing-capability-enter}}.dpai-landing-foundation-shader{animation:7s cubic-bezier(.2,0,0,1) infinite alternate dpai-landing-foundation-shader-drift}@media (hover:hover){.dpai-landing-foundation-track:hover,#templates[data-running=true] .dpai-landing-marquee-viewport:hover .dpai-landing-marquee-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.dpai-landing-foundation-track,.dpai-landing-foundation-shader,.dpai-landing-marquee-track{animation:none}}.dpai-landing-agent-logo{animation:.3s cubic-bezier(.2,0,0,1) both dpai-landing-agent-logo-in}.dpai-landing-agent-beam:after{background:linear-gradient(90deg, transparent, var(--color-dpai-violet), transparent);content:"";inset-block:0;width:30%;animation:2.4s linear infinite dpai-landing-agent-beam;position:absolute;left:0}.dpai-landing-agent-support-halo:before{z-index:-1;border:1px solid var(--color-dpai-violet);border-radius:inherit;content:"";animation:2.4s cubic-bezier(.2,0,0,1) infinite dpai-landing-agent-support-halo;position:absolute;inset:-.75rem}@keyframes dpai-landing-hero-aurora-drift{0%{transform:translateY(0)scale(1)}to{transform:translateY(2rem)scale(1.08)}}.dpai-landing-hero-grid{background-image:radial-gradient(circle,#241b3214 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.dpai-landing-hero-grid{background-image:radial-gradient(circle at center, color-mix(in srgb, var(--color-dpai-ink) 7.8%, transparent) 1px, transparent 1px)}}.dpai-landing-hero-grid{-webkit-mask-image:radial-gradient(ellipse 58% 68% at 50% 26%, var(--color-dpai-ink), transparent 74%);-webkit-mask-image:radial-gradient(ellipse 58% 68% at 50% 26%, var(--color-dpai-ink), transparent 74%);-webkit-mask-image:radial-gradient(ellipse 58% 68% at 50% 26%, var(--color-dpai-ink), transparent 74%);mask-image:radial-gradient(ellipse 58% 68% at 50% 26%, var(--color-dpai-ink), transparent 74%);background-size:1.5rem 1.5rem}.dpai-landing-hero-aurora{background:radial-gradient(40% 58% at 26% 54%,#7438d04d,#0000 70%),radial-gradient(36% 56% at 66% 40%,#bda0ed2e,#0000 72%),radial-gradient(46% 62% at 52% 80%,#4c1d951f,#0000 74%)}@supports (color:color-mix(in lab, red, red)){.dpai-landing-hero-aurora{background:radial-gradient(40% 58% at 26% 54%, color-mix(in srgb, var(--color-dpai-violet) 30%, transparent), transparent 70%), radial-gradient(36% 56% at 66% 40%, color-mix(in srgb, var(--color-dpai-violet-light) 18%, transparent), transparent 72%), radial-gradient(46% 62% at 52% 80%, color-mix(in srgb, var(--color-dpai-violet-dark) 12%, transparent), transparent 74%)}}.dpai-landing-hero-aurora{animation:9s cubic-bezier(.2,0,0,1) infinite alternate dpai-landing-hero-aurora-drift}@media (prefers-reduced-motion:reduce){.dpai-landing-hero-aurora{animation:none}}.dpai-pricing-creditSlider{--dpai-credit-progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:.35rem 0 0;display:block}.dpai-pricing-creditSlider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-dpai-violet) 0 var(--dpai-credit-progress), var(--color-dpai-violet-line) var(--dpai-credit-progress) 100%);border:0;border-radius:999px;height:.5rem}.dpai-pricing-creditSlider::-moz-range-track{background:var(--color-dpai-violet-line);border:0;border-radius:999px;height:.5rem}.dpai-pricing-creditSlider::-moz-range-progress{background:var(--color-dpai-violet);border-radius:999px;height:.5rem}.dpai-pricing-creditSlider::-webkit-slider-thumb{appearance:none;background:var(--color-dpai-violet);border:3px solid var(--color-dpai-surface);box-shadow:0 0 0 1px var(--color-dpai-violet-line), 0 2px 5px #4c1d9538;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--color-dpai-violet-line), 0 2px 5px color-mix(in srgb, var(--color-dpai-violet-dark) 22%, transparent)}}.dpai-pricing-creditSlider::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:-.5rem;transition:box-shadow .16s ease-out,transform .16s ease-out}.dpai-pricing-creditSlider::-moz-range-thumb{background:var(--color-dpai-violet);border:3px solid var(--color-dpai-surface);box-shadow:0 0 0 1px var(--color-dpai-violet-line), 0 2px 5px #4c1d9538;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider::-moz-range-thumb{box-shadow:0 0 0 1px var(--color-dpai-violet-line), 0 2px 5px color-mix(in srgb, var(--color-dpai-violet-dark) 22%, transparent)}}.dpai-pricing-creditSlider::-moz-range-thumb{box-sizing:border-box;width:1.5rem;height:1.5rem;transition:box-shadow .16s ease-out,transform .16s ease-out}.dpai-pricing-creditSlider:focus-visible{outline:2px solid var(--color-dpai-violet);outline-offset:3px;border-radius:.5rem}.dpai-pricing-creditSlider:active::-webkit-slider-thumb{box-shadow:0 0 0 6px #7438d026}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider:active::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-dpai-violet) 15%, transparent)}}.dpai-pricing-creditSlider:active::-webkit-slider-thumb{transform:scale(1.12)}.dpai-pricing-creditSlider:active::-moz-range-thumb{box-shadow:0 0 0 6px #7438d026}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider:active::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-dpai-violet) 15%, transparent)}}.dpai-pricing-creditSlider:active::-moz-range-thumb{transform:scale(1.12)}@media (hover:hover){.dpai-pricing-creditSlider:enabled:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #7438d01f}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider:enabled:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-dpai-violet) 12%, transparent)}}.dpai-pricing-creditSlider:enabled:hover::-moz-range-thumb{box-shadow:0 0 0 5px #7438d01f}@supports (color:color-mix(in lab, red, red)){.dpai-pricing-creditSlider:enabled:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-dpai-violet) 12%, transparent)}}}.dpai-pricing-creditSlider:disabled{cursor:wait;opacity:.6}@media (prefers-reduced-motion:reduce){.dpai-pricing-creditSlider::-webkit-slider-thumb{transition:none}.dpai-pricing-creditSlider::-moz-range-thumb{transition:none}}}@layer utilities{.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-5{inset:calc(var(--spacing) * -5)}.-inset-10{inset:calc(var(--spacing) * -10)}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-3{inset:calc(var(--spacing) * 3)}.inset-x-0{inset-inline:0}.inset-x-6{inset-inline:calc(var(--spacing) * 6)}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-x-\[-0\.06em\]{inset-inline:-.06em}.inset-y-0{inset-block:0}.-top-8{top:calc(var(--spacing) * -8)}.-top-24{top:calc(var(--spacing) * -24)}.-top-40{top:calc(var(--spacing) * -40)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[26px\]{top:26px}.top-\[55\%\]{top:55%}.top-\[calc\(100\%\+0\.65rem\)\]{top:calc(100% + .65rem)}.top-\[calc\(var\(--dpai-navbar-height\)\+1rem\)\]{top:calc(var(--dpai-navbar-height) + 1rem)}.top-\[calc\(var\(--dpai-navbar-height\)\+16px\)\]{top:calc(var(--dpai-navbar-height) + 16px)}.top-full{top:100%}.top-navbar{top:var(--spacing-navbar)}.-right-7{right:calc(var(--spacing) * -7)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[calc\(var\(--dpai-studio-right-inset\,0px\)\+16px\)\]{right:calc(var(--dpai-studio-right-inset,0px) + 16px)}.right-full{right:100%}.-bottom-8{bottom:calc(var(--spacing) * -8)}.bottom-0{bottom:0}.bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-22{bottom:calc(var(--spacing) * 22)}.bottom-36{bottom:calc(var(--spacing) * 36)}.bottom-\[calc\(var\(--dpai-ai-composer-height\,104px\)\+104px\)\]{bottom:calc(var(--dpai-ai-composer-height,104px) + 104px)}.-left-5{left:calc(var(--spacing) * -5)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-\[9\.22rem\]{left:9.22rem}.left-\[calc\(100\%\+10px\)\]{left:calc(100% + 10px)}.left-full{left:100%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[76\]{z-index:76}.z-\[77\]{z-index:77}.z-\[78\]{z-index:78}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[100\]{z-index:100}.z-\[179\]{z-index:179}.z-\[180\]{z-index:180}.z-\[181\]{z-index:181}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-5{order:5}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-\[0\.8rem\]{margin-inline:.8rem}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-11{margin-top:calc(var(--spacing) * 11)}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/11\]{aspect-ratio:16/11}.aspect-\[1920\/1046\]{aspect-ratio:1920/1046}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.075em\]{height:.075em}.h-\[1em\]{height:1em}.h-\[7\.5rem\]{height:7.5rem}.h-\[8\.25rem\]{height:8.25rem}.h-\[17\.1rem\]{height:17.1rem}.h-\[18rem\]{height:18rem}.h-\[20rem\]{height:20rem}.h-\[25rem\]{height:25rem}.h-\[34rem\]{height:34rem}.h-\[38rem\]{height:38rem}.h-\[416px\]{height:416px}.h-\[640px\]{height:640px}.h-\[calc\(100\%-1rem\)\]{height:calc(100% - 1rem)}.h-\[min\(55dvh\,36rem\)\]{height:min(55dvh,36rem)}.h-full{height:100%}.h-px{height:1px}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[calc\(100dvh-32px\)\]{max-height:calc(100dvh - 32px)}.max-h-\[min\(34rem\,calc\(100dvh-2rem\)\)\]{max-height:min(34rem,100dvh - 2rem)}.max-h-\[min\(40rem\,calc\(100dvh-2rem\)\)\]{max-height:min(40rem,100dvh - 2rem)}.max-h-\[min\(44dvh\,360px\)\]{max-height:min(44dvh,360px)}.max-h-\[min\(280px\,calc\(100dvh-var\(--dpai-navbar-height\)-120px\)\)\]{max-height:min(280px, calc(100dvh - var(--dpai-navbar-height) - 120px))}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-1{min-height:var(--spacing)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-\[4\.1rem\]{min-height:4.1rem}.min-h-\[26rem\]{min-height:26rem}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[0\.32em\]{width:.32em}.w-\[0\.62em\]{width:.62em}.w-\[17rem\]{width:17rem}.w-\[64rem\]{width:64rem}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[800px\]{width:800px}.w-\[1120px\]{width:1120px}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-\[calc\(100vw-3rem\)\]{width:calc(100vw - 3rem)}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,100vw - 2rem)}.w-\[min\(280px\,calc\(100vw-32px\)\)\]{width:min(280px,100vw - 32px)}.w-\[min\(300px\,calc\(100vw-32px\)\)\]{width:min(300px,100vw - 32px)}.w-\[min\(640px\,calc\(100vw-32px\)\)\]{width:min(640px,100vw - 32px)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[16ch\]{max-width:16ch}.max-w-\[18ch\]{max-width:18ch}.max-w-\[28rem\]{max-width:28rem}.max-w-\[31rem\]{max-width:31rem}.max-w-\[33rem\]{max-width:33rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[36rem\]{max-width:36rem}.max-w-\[38rem\]{max-width:38rem}.max-w-\[39rem\]{max-width:39rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[42\%\]{max-width:42%}.max-w-\[42rem\]{max-width:42rem}.max-w-\[44rem\]{max-width:44rem}.max-w-\[45\%\]{max-width:45%}.max-w-\[46rem\]{max-width:46rem}.max-w-\[48rem\]{max-width:48rem}.max-w-\[52rem\]{max-width:52rem}.max-w-\[56rem\]{max-width:56rem}.max-w-\[60rem\]{max-width:60rem}.max-w-\[64rem\]{max-width:64rem}.max-w-\[75rem\]{max-width:75rem}.max-w-\[76rem\]{max-width:76rem}.max-w-\[82\.625rem\]{max-width:82.625rem}.max-w-\[86rem\]{max-width:86rem}.max-w-\[560px\]{max-width:560px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[58rem\]{min-width:58rem}.min-w-\[68rem\]{min-width:68rem}.min-w-\[72rem\]{min-width:72rem}.min-w-\[76rem\]{min-width:76rem}.min-w-\[86rem\]{min-width:86rem}.min-w-\[112rem\]{min-width:112rem}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-48{flex-basis:calc(var(--spacing) * 48)}.border-collapse{border-collapse:collapse}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.45\]{scale:.45}.scale-\[0\.125\]{scale:.125}.scale-\[calc\(100cqw\/320px\)\]{scale:calc(100cqw / 320px)}.-rotate-6{rotate:-6deg}.-rotate-12{rotate:-12deg}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-6{rotate:6deg}.rotate-12{rotate:12deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[dpai-landing-enter_280ms_ease-out_both\]{animation:.28s ease-out both dpai-landing-enter}.animate-\[dpai-landing-enter_400ms_ease-out_both\]{animation:.4s ease-out both dpai-landing-enter}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_0\.85fr\]{grid-template-columns:1fr .85fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[8rem_minmax\(0\,1fr\)\]{grid-template-columns:8rem minmax(0,1fr)}.grid-cols-\[56px_minmax\(0\,1fr\)\]{grid-template-columns:56px minmax(0,1fr)}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[minmax\(0\,1fr\)_3\.5rem_minmax\(8\.5rem\,0\.48fr\)\]{grid-template-columns:minmax(0,1fr) 3.5rem minmax(8.5rem,.48fr)}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[0\.32rem\]{gap:.32rem}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}:where(.-space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dpai-line>:not(:last-child)){border-color:var(--color-dpai-line)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.4rem\]{border-radius:.4rem}.rounded-\[0\.6rem\]{border-radius:.6rem}.rounded-\[0\.7rem\]{border-radius:.7rem}.rounded-\[0\.8rem\]{border-radius:.8rem}.rounded-\[0\.9rem\]{border-radius:.9rem}.rounded-\[0\.24rem\]{border-radius:.24rem}.rounded-\[0\.55rem\]{border-radius:.55rem}.rounded-\[0\.65rem\]{border-radius:.65rem}.rounded-\[0\.72rem\]{border-radius:.72rem}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[0\.85rem\]{border-radius:.85rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1\.125rem\]{border-radius:1.125rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-dpai-action{border-radius:var(--radius-dpai-action)}.rounded-dpai-control{border-radius:var(--radius-dpai-control)}.rounded-dpai-panel{border-radius:var(--radius-dpai-panel)}.rounded-dpai-surface{border-radius:var(--radius-dpai-surface)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#efb6b2\]{border-color:#efb6b2}.border-current,.border-current\/20{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/20{border-color:color-mix(in oklab, currentcolor 20%, transparent)}}.border-dpai-ai-line{border-color:var(--color-dpai-ai-line)}.border-dpai-chart-usage\/20{border-color:#7438d033}@supports (color:color-mix(in lab, red, red)){.border-dpai-chart-usage\/20{border-color:color-mix(in oklab, var(--color-dpai-chart-usage) 20%, transparent)}}.border-dpai-danger-line{border-color:var(--color-dpai-danger-line)}.border-dpai-danger\/20{border-color:#ba343e33}@supports (color:color-mix(in lab, red, red)){.border-dpai-danger\/20{border-color:color-mix(in oklab, var(--color-dpai-danger) 20%, transparent)}}.border-dpai-info{border-color:var(--color-dpai-info)}.border-dpai-info\/20{border-color:#2563eb33}@supports (color:color-mix(in lab, red, red)){.border-dpai-info\/20{border-color:color-mix(in oklab, var(--color-dpai-info) 20%, transparent)}}.border-dpai-ink{border-color:var(--color-dpai-ink)}.border-dpai-ink\/10{border-color:#241b321a}@supports (color:color-mix(in lab, red, red)){.border-dpai-ink\/10{border-color:color-mix(in oklab, var(--color-dpai-ink) 10%, transparent)}}.border-dpai-line{border-color:var(--color-dpai-line)}.border-dpai-line-strong{border-color:var(--color-dpai-line-strong)}.border-dpai-muted{border-color:var(--color-dpai-muted)}.border-dpai-muted\/30{border-color:#71647e4d}@supports (color:color-mix(in lab, red, red)){.border-dpai-muted\/30{border-color:color-mix(in oklab, var(--color-dpai-muted) 30%, transparent)}}.border-dpai-positive{border-color:var(--color-dpai-positive)}.border-dpai-positive-line{border-color:var(--color-dpai-positive-line)}.border-dpai-positive\/20{border-color:#16734f33}@supports (color:color-mix(in lab, red, red)){.border-dpai-positive\/20{border-color:color-mix(in oklab, var(--color-dpai-positive) 20%, transparent)}}.border-dpai-violet{border-color:var(--color-dpai-violet)}.border-dpai-violet-dark\/25{border-color:#4c1d9540}@supports (color:color-mix(in lab, red, red)){.border-dpai-violet-dark\/25{border-color:color-mix(in oklab, var(--color-dpai-violet-dark) 25%, transparent)}}.border-dpai-violet-hover{border-color:var(--color-dpai-violet-hover)}.border-dpai-violet-light{border-color:var(--color-dpai-violet-light)}.border-dpai-violet-line{border-color:var(--color-dpai-violet-line)}.border-dpai-violet-line\/60{border-color:#d4bff199}@supports (color:color-mix(in lab, red, red)){.border-dpai-violet-line\/60{border-color:color-mix(in oklab, var(--color-dpai-violet-line) 60%, transparent)}}.border-dpai-violet\/15{border-color:#7438d026}@supports (color:color-mix(in lab, red, red)){.border-dpai-violet\/15{border-color:color-mix(in oklab, var(--color-dpai-violet) 15%, transparent)}}.border-dpai-violet\/20{border-color:#7438d033}@supports (color:color-mix(in lab, red, red)){.border-dpai-violet\/20{border-color:color-mix(in oklab, var(--color-dpai-violet) 20%, transparent)}}.border-dpai-violet\/25{border-color:#7438d040}@supports (color:color-mix(in lab, red, red)){.border-dpai-violet\/25{border-color:color-mix(in oklab, var(--color-dpai-violet) 25%, transparent)}}.border-dpai-warning\/20{border-color:#94620033}@supports (color:color-mix(in lab, red, red)){.border-dpai-warning\/20{border-color:color-mix(in oklab, var(--color-dpai-warning) 20%, transparent)}}.border-violet-100{border-color:var(--color-violet-100)}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.border-t-dpai-muted{border-top-color:var(--color-dpai-muted)}.border-t-dpai-violet{border-top-color:var(--color-dpai-violet)}.bg-\[\#fff5f4\]{background-color:#fff5f4}.bg-current{background-color:currentColor}.bg-cyan-300\/20{background-color:#53eafd33}@supports (color:color-mix(in lab, red, red)){.bg-cyan-300\/20{background-color:color-mix(in oklab, var(--color-cyan-300) 20%, transparent)}}.bg-dpai-ai-paper{background-color:var(--color-dpai-ai-paper)}.bg-dpai-ai-presence\/85{background-color:#f0e8fcd9}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ai-presence\/85{background-color:color-mix(in oklab, var(--color-dpai-ai-presence) 85%, transparent)}}.bg-dpai-chart-usage\/5{background-color:#7438d00d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-chart-usage\/5{background-color:color-mix(in oklab, var(--color-dpai-chart-usage) 5%, transparent)}}.bg-dpai-chrome{background-color:var(--color-dpai-chrome)}.bg-dpai-chrome\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-dpai-chrome\/80{background-color:color-mix(in oklab, var(--color-dpai-chrome) 80%, transparent)}}.bg-dpai-chrome\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-dpai-chrome\/95{background-color:color-mix(in oklab, var(--color-dpai-chrome) 95%, transparent)}}.bg-dpai-danger{background-color:var(--color-dpai-danger)}.bg-dpai-danger-soft{background-color:var(--color-dpai-danger-soft)}.bg-dpai-danger\/5{background-color:#ba343e0d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-danger\/5{background-color:color-mix(in oklab, var(--color-dpai-danger) 5%, transparent)}}.bg-dpai-danger\/10{background-color:#ba343e1a}@supports (color:color-mix(in lab, red, red)){.bg-dpai-danger\/10{background-color:color-mix(in oklab, var(--color-dpai-danger) 10%, transparent)}}.bg-dpai-desk{background-color:var(--color-dpai-desk)}.bg-dpai-info\/5{background-color:#2563eb0d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-info\/5{background-color:color-mix(in oklab, var(--color-dpai-info) 5%, transparent)}}.bg-dpai-info\/10{background-color:#2563eb1a}@supports (color:color-mix(in lab, red, red)){.bg-dpai-info\/10{background-color:color-mix(in oklab, var(--color-dpai-info) 10%, transparent)}}.bg-dpai-ink{background-color:var(--color-dpai-ink)}.bg-dpai-ink\/15{background-color:#241b3226}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ink\/15{background-color:color-mix(in oklab, var(--color-dpai-ink) 15%, transparent)}}.bg-dpai-ink\/20{background-color:#241b3233}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ink\/20{background-color:color-mix(in oklab, var(--color-dpai-ink) 20%, transparent)}}.bg-dpai-ink\/30{background-color:#241b324d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ink\/30{background-color:color-mix(in oklab, var(--color-dpai-ink) 30%, transparent)}}.bg-dpai-ink\/78{background-color:#241b32c7}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ink\/78{background-color:color-mix(in oklab, var(--color-dpai-ink) 78%, transparent)}}.bg-dpai-ink\/80{background-color:#241b32cc}@supports (color:color-mix(in lab, red, red)){.bg-dpai-ink\/80{background-color:color-mix(in oklab, var(--color-dpai-ink) 80%, transparent)}}.bg-dpai-line{background-color:var(--color-dpai-line)}.bg-dpai-line-strong{background-color:var(--color-dpai-line-strong)}.bg-dpai-line\/40{background-color:#e3ddeb66}@supports (color:color-mix(in lab, red, red)){.bg-dpai-line\/40{background-color:color-mix(in oklab, var(--color-dpai-line) 40%, transparent)}}.bg-dpai-line\/50{background-color:#e3ddeb80}@supports (color:color-mix(in lab, red, red)){.bg-dpai-line\/50{background-color:color-mix(in oklab, var(--color-dpai-line) 50%, transparent)}}.bg-dpai-line\/60{background-color:#e3ddeb99}@supports (color:color-mix(in lab, red, red)){.bg-dpai-line\/60{background-color:color-mix(in oklab, var(--color-dpai-line) 60%, transparent)}}.bg-dpai-line\/70{background-color:#e3ddebb3}@supports (color:color-mix(in lab, red, red)){.bg-dpai-line\/70{background-color:color-mix(in oklab, var(--color-dpai-line) 70%, transparent)}}.bg-dpai-paper{background-color:var(--color-dpai-paper)}.bg-dpai-paper\/40{background-color:#f8f6fc66}@supports (color:color-mix(in lab, red, red)){.bg-dpai-paper\/40{background-color:color-mix(in oklab, var(--color-dpai-paper) 40%, transparent)}}.bg-dpai-paper\/60{background-color:#f8f6fc99}@supports (color:color-mix(in lab, red, red)){.bg-dpai-paper\/60{background-color:color-mix(in oklab, var(--color-dpai-paper) 60%, transparent)}}.bg-dpai-paper\/70{background-color:#f8f6fcb3}@supports (color:color-mix(in lab, red, red)){.bg-dpai-paper\/70{background-color:color-mix(in oklab, var(--color-dpai-paper) 70%, transparent)}}.bg-dpai-positive{background-color:var(--color-dpai-positive)}.bg-dpai-positive-line{background-color:var(--color-dpai-positive-line)}.bg-dpai-positive-soft{background-color:var(--color-dpai-positive-soft)}.bg-dpai-positive\/5{background-color:#16734f0d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-positive\/5{background-color:color-mix(in oklab, var(--color-dpai-positive) 5%, transparent)}}.bg-dpai-positive\/10{background-color:#16734f1a}@supports (color:color-mix(in lab, red, red)){.bg-dpai-positive\/10{background-color:color-mix(in oklab, var(--color-dpai-positive) 10%, transparent)}}.bg-dpai-signal{background-color:var(--color-dpai-signal)}.bg-dpai-signal\/12{background-color:#46d6951f}@supports (color:color-mix(in lab, red, red)){.bg-dpai-signal\/12{background-color:color-mix(in oklab, var(--color-dpai-signal) 12%, transparent)}}.bg-dpai-surface{background-color:var(--color-dpai-surface)}.bg-dpai-surface\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-dpai-surface\/95{background-color:color-mix(in oklab, var(--color-dpai-surface) 95%, transparent)}}.bg-dpai-violet{background-color:var(--color-dpai-violet)}.bg-dpai-violet-dark{background-color:var(--color-dpai-violet-dark)}.bg-dpai-violet-light{background-color:var(--color-dpai-violet-light)}.bg-dpai-violet-soft{background-color:var(--color-dpai-violet-soft)}.bg-dpai-violet\/5{background-color:#7438d00d}@supports (color:color-mix(in lab, red, red)){.bg-dpai-violet\/5{background-color:color-mix(in oklab, var(--color-dpai-violet) 5%, transparent)}}.bg-dpai-violet\/8{background-color:#7438d014}@supports (color:color-mix(in lab, red, red)){.bg-dpai-violet\/8{background-color:color-mix(in oklab, var(--color-dpai-violet) 8%, transparent)}}.bg-dpai-violet\/10{background-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.bg-dpai-violet\/10{background-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}.bg-dpai-violet\/15{background-color:#7438d026}@supports (color:color-mix(in lab, red, red)){.bg-dpai-violet\/15{background-color:color-mix(in oklab, var(--color-dpai-violet) 15%, transparent)}}.bg-dpai-warning{background-color:var(--color-dpai-warning)}.bg-dpai-warning\/10{background-color:#9462001a}@supports (color:color-mix(in lab, red, red)){.bg-dpai-warning\/10{background-color:color-mix(in oklab, var(--color-dpai-warning) 10%, transparent)}}.bg-fuchsia-300\/25{background-color:#f2a9ff40}@supports (color:color-mix(in lab, red, red)){.bg-fuchsia-300\/25{background-color:color-mix(in oklab, var(--color-fuchsia-300) 25%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/75{background-color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.bg-white\/75{background-color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(110deg\,\#e8e7ea_30\%\,\#f3f2f5_45\%\,\#e8e7ea_60\%\)\]{background-image:linear-gradient(110deg,#e8e7ea 30%,#f3f2f5 45%,#e8e7ea 60%)}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-500{--tw-gradient-from:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-fuchsia-500{--tw-gradient-via:var(--color-fuchsia-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-cyan-300{--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-500{--tw-gradient-to:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_2\%\,black_97\%\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(#0000 0,#000 2% 97%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 2% 97%,#0000 100%)}.bg-\[length\:220\%_100\%\]{background-size:220% 100%}.fill-current{fill:currentColor}.fill-none{fill:none}.stroke-current{stroke:currentColor}.stroke-dpai-inverse{stroke:var(--color-dpai-inverse)}.stroke-dpai-muted{stroke:var(--color-dpai-muted)}.stroke-2{stroke-width:2px}.stroke-\[1\.7\]{stroke-width:1.7px}.stroke-\[1\.8\]{stroke-width:1.8px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-top{object-position:top}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[clamp\(1\.25rem\,4vw\,2\.5rem\)\]{padding:clamp(1.25rem,4vw,2.5rem)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-\[clamp\(3\.5rem\,8vw\,7rem\)\]{padding-top:clamp(3.5rem,8vw,7rem)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[clamp\(3rem\,6vw\,5rem\)\]{padding-bottom:clamp(3rem,6vw,5rem)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-\[-0\.08em\]{vertical-align:-.08em}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-display{font-family:var(--font-display)}.font-landing{font-family:var(--font-landing)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-dpai-body{font-size:var(--text-dpai-body);line-height:var(--tw-leading,var(--text-dpai-body--line-height))}.text-dpai-body-lg{font-size:var(--text-dpai-body-lg);line-height:var(--tw-leading,var(--text-dpai-body-lg--line-height))}.text-dpai-body-sm{font-size:var(--text-dpai-body-sm);line-height:var(--tw-leading,var(--text-dpai-body-sm--line-height))}.text-dpai-canvas{font-size:var(--text-dpai-canvas);line-height:var(--tw-leading,var(--text-dpai-canvas--line-height))}.text-dpai-caption{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.text-dpai-label{font-size:var(--text-dpai-label);line-height:var(--tw-leading,var(--text-dpai-label--line-height))}.text-dpai-preview{font-size:var(--text-dpai-preview);line-height:var(--tw-leading,var(--text-dpai-preview--line-height))}.text-dpai-title{font-size:var(--text-dpai-title);line-height:var(--tw-leading,var(--text-dpai-title--line-height))}.text-dpai-title-lg{font-size:var(--text-dpai-title-lg);line-height:var(--tw-leading,var(--text-dpai-title-lg--line-height))}.text-dpai-title-sm{font-size:var(--text-dpai-title-sm);line-height:var(--tw-leading,var(--text-dpai-title-sm--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.42rem\]{font-size:.42rem}.text-\[0\.44rem\]{font-size:.44rem}.text-\[0\.45rem\]{font-size:.45rem}.text-\[0\.46rem\]{font-size:.46rem}.text-\[0\.48rem\]{font-size:.48rem}.text-\[0\.52rem\]{font-size:.52rem}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[1rem\]{font-size:1rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[clamp\(1\.65rem\,3vw\,2\.25rem\)\]{font-size:clamp(1.65rem,3vw,2.25rem)}.text-\[clamp\(2\.25rem\,4vw\,3\.5rem\)\]{font-size:clamp(2.25rem,4vw,3.5rem)}.text-\[clamp\(2\.25rem\,5vw\,3\.5rem\)\]{font-size:clamp(2.25rem,5vw,3.5rem)}.text-\[clamp\(2\.25rem\,5vw\,4\.25rem\)\]{font-size:clamp(2.25rem,5vw,4.25rem)}.text-\[clamp\(2\.35rem\,4vw\,3\.25rem\)\]{font-size:clamp(2.35rem,4vw,3.25rem)}.text-\[clamp\(2\.75rem\,5\.4vw\,4\.75rem\)\]{font-size:clamp(2.75rem,5.4vw,4.75rem)}.text-\[clamp\(2rem\,4vw\,3\.25rem\)\]{font-size:clamp(2rem,4vw,3.25rem)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.94\]{--tw-leading:.94;line-height:.94}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.2rem\]{--tw-leading:1.2rem;line-height:1.2rem}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.48\]{--tw-leading:1.48;line-height:1.48}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.058em\]{--tw-tracking:-.058em;letter-spacing:-.058em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-dpai-display{--tw-tracking:var(--tracking-dpai-display);letter-spacing:var(--tracking-dpai-display)}.tracking-dpai-label{--tw-tracking:var(--tracking-dpai-label);letter-spacing:var(--tracking-dpai-label)}.tracking-dpai-title{--tw-tracking:var(--tracking-dpai-title);letter-spacing:var(--tracking-dpai-title)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#7f1d1d\]{color:#7f1d1d}.text-\[\#8f2d27\]{color:#8f2d27}.text-dpai-ai-muted{color:var(--color-dpai-ai-muted)}.text-dpai-ai-presence-ink{color:var(--color-dpai-ai-presence-ink)}.text-dpai-danger{color:var(--color-dpai-danger)}.text-dpai-info{color:var(--color-dpai-info)}.text-dpai-ink{color:var(--color-dpai-ink)}.text-dpai-ink\/80{color:#241b32cc}@supports (color:color-mix(in lab, red, red)){.text-dpai-ink\/80{color:color-mix(in oklab, var(--color-dpai-ink) 80%, transparent)}}.text-dpai-inverse{color:var(--color-dpai-inverse)}.text-dpai-muted{color:var(--color-dpai-muted)}.text-dpai-muted\/50{color:#71647e80}@supports (color:color-mix(in lab, red, red)){.text-dpai-muted\/50{color:color-mix(in oklab, var(--color-dpai-muted) 50%, transparent)}}.text-dpai-muted\/70{color:#71647eb3}@supports (color:color-mix(in lab, red, red)){.text-dpai-muted\/70{color:color-mix(in oklab, var(--color-dpai-muted) 70%, transparent)}}.text-dpai-positive{color:var(--color-dpai-positive)}.text-dpai-signal{color:var(--color-dpai-signal)}.text-dpai-subtle{color:var(--color-dpai-subtle)}.text-dpai-violet{color:var(--color-dpai-violet)}.text-dpai-violet-dark{color:var(--color-dpai-violet-dark)}.text-dpai-violet-light{color:var(--color-dpai-violet-light)}.text-dpai-violet-line{color:var(--color-dpai-violet-line)}.text-dpai-warning{color:var(--color-dpai-warning)}.text-emerald-200{color:var(--color-emerald-200)}.text-slate-400{color:var(--color-slate-400)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-yellow-200{color:var(--color-yellow-200)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-dpai-violet{caret-color:var(--color-dpai-violet)}.accent-dpai-violet{accent-color:var(--color-dpai-violet)}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-1\.5rem_0_4rem_rgba\(35\,33\,38\,0\.14\)\]{--tw-shadow:-1.5rem 0 4rem var(--tw-shadow-color,#23212624);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.7rem_2rem_rgba\(91\,33\,182\,0\.09\)\]{--tw-shadow:0 .7rem 2rem var(--tw-shadow-color,#5b21b617);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.25rem_0\.5rem_oklch\(0_0_0\/0\.2\)\]{--tw-shadow:0 .25rem .5rem var(--tw-shadow-color,oklch(0% 0 0/.2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.25rem_0\.5rem_oklch\(0_0_0\/0\.14\)\]{--tw-shadow:0 .25rem .5rem var(--tw-shadow-color,oklch(0% 0 0/.14));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.25rem_0\.45rem_oklch\(0_0_0\/0\.16\)\]{--tw-shadow:0 .25rem .45rem var(--tw-shadow-color,oklch(0% 0 0/.16));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.65rem_1\.75rem_rgba\(24\,22\,28\,0\.22\)\]{--tw-shadow:0 .65rem 1.75rem var(--tw-shadow-color,#18161c38);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0\.75rem_2rem_rgba\(31\,41\,35\,0\.1\)\]{--tw-shadow:0 .75rem 2rem var(--tw-shadow-color,#1f29231a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_oklch\(0_0_0\/0\.04\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.04));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_oklch\(0_0_0\/0\.06\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.06));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_oklch\(0_0_0\/0\.07\)\,0_1px_2px_rgba\(35\,33\,38\,0\.08\)\,0_1\.5rem_3\.2rem_rgba\(35\,33\,38\,0\.14\)\,0_4\.4rem_8rem_rgba\(59\,48\,78\,0\.15\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.07)), 0 1px 2px var(--tw-shadow-color,#23212614), 0 1.5rem 3.2rem var(--tw-shadow-color,#23212624), 0 4.4rem 8rem var(--tw-shadow-color,#3b304e26);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_oklch\(0_0_0\/0\.08\)\,0_0\.5rem_1\.5rem_rgba\(35\,33\,38\,0\.14\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.08)), 0 .5rem 1.5rem var(--tw-shadow-color,#23212624);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(35\,33\,38\,0\.06\)\,0_1px_2px_rgba\(35\,33\,38\,0\.06\)\,0_12px_36px_rgba\(35\,33\,38\,0\.06\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2321260f), 0 1px 2px var(--tw-shadow-color,#2321260f), 0 12px 36px var(--tw-shadow-color,#2321260f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(35\,33\,38\,0\.08\)\,0_1\.5rem_4rem_rgba\(35\,33\,38\,0\.09\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#23212614), 0 1.5rem 4rem var(--tw-shadow-color,#23212617);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(35\,33\,38\,0\.25\)\,0_0_0\.75rem_rgba\(35\,33\,38\,0\.2\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#23212640), 0 0 .75rem var(--tw-shadow-color,#23212633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(139\,92\,246\,0\.12\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#8b5cf61f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1\.5rem_4rem_rgba\(59\,48\,78\,0\.12\)\]{--tw-shadow:0 1.5rem 4rem var(--tw-shadow-color,#3b304e1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1\.5rem_4rem_rgba\(69\,54\,93\,0\.10\)\]{--tw-shadow:0 1.5rem 4rem var(--tw-shadow-color,#45365d1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_1px_rgba\(35\,33\,38\,0\.06\)\]{--tw-shadow:0 1px 1px var(--tw-shadow-color,#2321260f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_oklch\(0_0_0\/0\.03\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,oklch(0% 0 0/.03));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.06\)\,0_1\.5rem_3\.75rem_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f), 0 1.5rem 3.75rem var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(35\,33\,38\,0\.03\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#23212608);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(35\,33\,38\,0\.04\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2321260a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(35\,33\,38\,0\.06\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2321260f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(35\,33\,38\,0\.12\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#2321261f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1rem_2\.5rem_rgba\(35\,33\,38\,0\.18\)\]{--tw-shadow:0 1rem 2.5rem var(--tw-shadow-color,#2321262e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1rem_3rem_rgba\(35\,33\,38\,0\.08\)\]{--tw-shadow:0 1rem 3rem var(--tw-shadow-color,#23212614);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_6px_\#2321260a\,0_12px_32px_\#23212614\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2321260a), 0 12px 32px var(--tw-shadow-color,#23212614);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_6px_\#2321260a\,0_16px_48px_\#2321261a\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2321260a), 0 16px 48px var(--tw-shadow-color,#2321261a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_50px_\#21182c24\,0_4px_12px_\#21182c14\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#21182c24), 0 4px 12px var(--tw-shadow-color,#21182c14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_oklch\(0_0_0\/0\.1\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_oklch\(0_0_0\/0\.12\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,oklch(0% 0 0/.12));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_3px_\#8b5cf6\,0_0_0_4px_\#f7f6f9\]{--tw-shadow:inset 0 0 0 3px var(--tw-shadow-color,#8b5cf6), 0 0 0 4px var(--tw-shadow-color,#f7f6f9);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_3px_white\]{--tw-shadow:inset 0 0 0 3px var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_\#ffffff70\,inset_0_-2px_0_\#0000001f\,0_0\.75rem_2rem_rgba\(139\,92\,246\,0\.3\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff70), inset 0 -2px 0 var(--tw-shadow-color,#0000001f), 0 .75rem 2rem var(--tw-shadow-color,#8b5cf64d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dpai-action{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff59), inset 0 -2px 0 var(--tw-shadow-color,#241b3224), 0 2px 6px var(--tw-shadow-color,#7438d02e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dpai-composer{--tw-shadow:0 2px 6px var(--tw-shadow-color,#241b320a), 0 24px 60px var(--tw-shadow-color,#241b321f)}@supports (color:color-mix(in lab, red, red)){.shadow-dpai-composer{--tw-shadow:0 2px 6px var(--tw-shadow-color,color-mix(in srgb, var(--color-dpai-ink) 4%, transparent)), 0 24px 60px var(--tw-shadow-color,color-mix(in srgb, var(--color-dpai-ink) 12%, transparent))}}.shadow-dpai-composer{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dpai-popover{--tw-shadow:0 16px 48px var(--tw-shadow-color,#241b3229);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dpai-press{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff59), inset 0 -2px 0 var(--tw-shadow-color,#241b322e)}@supports (color:color-mix(in lab, red, red)){.shadow-dpai-press{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff59), inset 0 -2px 0 var(--tw-shadow-color,color-mix(in srgb, var(--color-dpai-ink) 18%, transparent))}}.shadow-dpai-press{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dpai-violet-dark\/10{--tw-shadow-color:#4c1d951a}@supports (color:color-mix(in lab, red, red)){.shadow-dpai-violet-dark\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-dpai-violet-dark) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pink-200\/50{--tw-shadow-color:#fccee880}@supports (color:color-mix(in lab, red, red)){.shadow-pink-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-pink-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-200\/50{--tw-shadow-color:#ddd6ff80}@supports (color:color-mix(in lab, red, red)){.shadow-violet-200\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-200) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.ring-dpai-inverse\/70{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.ring-dpai-inverse\/70{--tw-ring-color:color-mix(in oklab, var(--color-dpai-inverse) 70%, transparent)}}.ring-dpai-line{--tw-ring-color:var(--color-dpai-line)}.ring-dpai-violet{--tw-ring-color:var(--color-dpai-violet)}.ring-dpai-warning\/10{--tw-ring-color:#9462001a}@supports (color:color-mix(in lab, red, red)){.ring-dpai-warning\/10{--tw-ring-color:color-mix(in oklab, var(--color-dpai-warning) 10%, transparent)}}.ring-transparent{--tw-ring-color:transparent}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,transform\]{transition-property:background,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,transform\]{transition-property:background-color,border-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,scale\]{transition-property:background-color,color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,scale\]{transition-property:background-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background\,transform\,box-shadow\]{transition-property:border-color,background,transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,box-shadow\,transform\]{transition-property:border-color,background-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,color\]{transition-property:border-color,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,transform\]{transition-property:box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,transform\]{transition-property:color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\,opacity\,visibility\]{transition-property:grid-template-rows,opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[rotate\]{transition-property:rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\]{transition-property:transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-120{--tw-duration:.12s;transition-duration:.12s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[320ms\]{--tw-duration:.32s;transition-duration:.32s}.duration-\[650ms\]{--tw-duration:.65s;transition-duration:.65s}.ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\]{--tw-ease:cubic-bezier(.2,0,0,1);transition-timing-function:cubic-bezier(.2,0,0,1)}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--card-clip-handle\:2\.25px\]{--card-clip-handle:2.25px}.\[--card-clip-radius\:6px\]{--card-clip-radius:6px}.\[--card-clip-radius\:10px\]{--card-clip-radius:10px}.\[animation-delay\:120ms\]{animation-delay:.12s}.\[animation-delay\:200ms\]{animation-delay:.2s}.\[animation-duration\:2\.4s\]{animation-duration:2.4s}.\[clip-path\:var\(--card-clip-path\)\]{clip-path:var(--card-clip-path)}.\[corner-shape\:squircle\]{corner-shape:squircle}.ring-inset{--tw-ring-inset:inset}.group-focus-within\/context\:opacity-100:is(:where(.group\/context):focus-within *){opacity:1}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-dpai-violet:is(:where(.group):hover *){border-color:var(--color-dpai-violet)}.group-hover\:bg-dpai-violet:is(:where(.group):hover *){background-color:var(--color-dpai-violet)}.group-hover\:bg-dpai-violet-soft:is(:where(.group):hover *){background-color:var(--color-dpai-violet-soft)}.group-hover\:text-dpai-violet:is(:where(.group):hover *){color:var(--color-dpai-violet)}.group-hover\/context\:opacity-100:is(:where(.group\/context):hover *){opacity:1}}.group-focus-visible\:bg-dpai-violet:is(:where(.group):focus-visible *){background-color:var(--color-dpai-violet)}.group-has-\[section\]\:border-t:is(:where(.group):has(:is(section)) *){border-top-style:var(--tw-border-style);border-top-width:1px}.group-has-\[section\[data-blocking\]\]\:invisible:is(:where(.group):has(:is(section[data-blocking])) *){visibility:hidden}.group-has-\[section\[data-blocking\]\]\:grid-rows-\[0fr\]:is(:where(.group):has(:is(section[data-blocking])) *){grid-template-rows:0fr}.group-has-\[section\[data-blocking\]\]\:opacity-0:is(:where(.group):has(:is(section[data-blocking])) *){opacity:0}.group-data-\[resizing\=true\]\:bg-dpai-violet:is(:where(.group)[data-resizing=true] *){background-color:var(--color-dpai-violet)}.selection\:bg-dpai-ai-presence-ink ::selection{background-color:var(--color-dpai-ai-presence-ink)}.selection\:bg-dpai-ai-presence-ink::selection{background-color:var(--color-dpai-ai-presence-ink)}.selection\:text-dpai-ai-presence ::selection{color:var(--color-dpai-ai-presence)}.selection\:text-dpai-ai-presence::selection{color:var(--color-dpai-ai-presence)}.placeholder\:font-sans::placeholder{font-family:var(--font-sans)}.placeholder\:text-dpai-body-lg::placeholder{font-size:var(--text-dpai-body-lg);line-height:var(--tw-leading,var(--text-dpai-body-lg--line-height))}.placeholder\:text-dpai-label::placeholder{font-size:var(--text-dpai-label);line-height:var(--tw-leading,var(--text-dpai-label--line-height))}.placeholder\:text-dpai-muted::placeholder{color:var(--color-dpai-muted)}.placeholder\:text-dpai-muted\/70::placeholder{color:#71647eb3}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-dpai-muted\/70::placeholder{color:color-mix(in oklab, var(--color-dpai-muted) 70%, transparent)}}.placeholder\:text-dpai-muted\/75::placeholder{color:#71647ebf}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-dpai-muted\/75::placeholder{color:color-mix(in oklab, var(--color-dpai-muted) 75%, transparent)}}.placeholder\:text-dpai-subtle::placeholder{color:var(--color-dpai-subtle)}.backdrop\:bg-dpai-ink\/40::backdrop{background-color:#241b3266}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-dpai-ink\/40::backdrop{background-color:color-mix(in oklab, var(--color-dpai-ink) 40%, transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-3:before{content:var(--tw-content);top:calc(var(--spacing) * 3)}.before\:bottom-8:before{content:var(--tw-content);bottom:calc(var(--spacing) * 8)}.before\:left-\[9\.55rem\]:before{content:var(--tw-content);left:9.55rem}.before\:size-1\.5:before{content:var(--tw-content);width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:rounded-full:before{content:var(--tw-content);border-radius:2147483647px}.before\:bg-dpai-line:before{content:var(--tw-content);background-color:var(--color-dpai-line)}.before\:bg-dpai-signal:before{content:var(--tw-content);background-color:var(--color-dpai-signal)}.before\:content-\[\\\'\\\'\]:before{--tw-content:\'\';content:var(--tw-content)}.first\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.first\:pl-0:first-child{padding-left:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.focus-within\:border-dpai-violet:focus-within{border-color:var(--color-dpai-violet)}.focus-within\:border-dpai-violet\/50:focus-within{border-color:#7438d080}@supports (color:color-mix(in lab, red, red)){.focus-within\:border-dpai-violet\/50:focus-within{border-color:color-mix(in oklab, var(--color-dpai-violet) 50%, transparent)}}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-dpai-violet:focus-within{--tw-ring-color:var(--color-dpai-violet)}.focus-within\:ring-dpai-violet\/10:focus-within{--tw-ring-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-dpai-violet\/10:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-dpai-line-strong:hover{border-color:var(--color-dpai-line-strong)}.hover\:border-dpai-muted:hover{border-color:var(--color-dpai-muted)}.hover\:border-dpai-violet:hover{border-color:var(--color-dpai-violet)}.hover\:border-dpai-violet-light:hover{border-color:var(--color-dpai-violet-light)}.hover\:border-dpai-violet-line:hover{border-color:var(--color-dpai-violet-line)}.hover\:border-dpai-violet\/30:hover{border-color:#7438d04d}@supports (color:color-mix(in lab, red, red)){.hover\:border-dpai-violet\/30:hover{border-color:color-mix(in oklab, var(--color-dpai-violet) 30%, transparent)}}.hover\:border-dpai-violet\/35:hover{border-color:#7438d059}@supports (color:color-mix(in lab, red, red)){.hover\:border-dpai-violet\/35:hover{border-color:color-mix(in oklab, var(--color-dpai-violet) 35%, transparent)}}.hover\:border-dpai-violet\/40:hover{border-color:#7438d066}@supports (color:color-mix(in lab, red, red)){.hover\:border-dpai-violet\/40:hover{border-color:color-mix(in oklab, var(--color-dpai-violet) 40%, transparent)}}.hover\:bg-dpai-ai-presence-ink\/10:hover{background-color:#241b321a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-ai-presence-ink\/10:hover{background-color:color-mix(in oklab, var(--color-dpai-ai-presence-ink) 10%, transparent)}}.hover\:bg-dpai-chrome:hover{background-color:var(--color-dpai-chrome)}.hover\:bg-dpai-chrome\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-chrome\/60:hover{background-color:color-mix(in oklab, var(--color-dpai-chrome) 60%, transparent)}}.hover\:bg-dpai-danger\/5:hover{background-color:#ba343e0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-danger\/5:hover{background-color:color-mix(in oklab, var(--color-dpai-danger) 5%, transparent)}}.hover\:bg-dpai-danger\/15:hover{background-color:#ba343e26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-danger\/15:hover{background-color:color-mix(in oklab, var(--color-dpai-danger) 15%, transparent)}}.hover\:bg-dpai-danger\/85:hover{background-color:#ba343ed9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-danger\/85:hover{background-color:color-mix(in oklab, var(--color-dpai-danger) 85%, transparent)}}.hover\:bg-dpai-danger\/90:hover{background-color:#ba343ee6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-danger\/90:hover{background-color:color-mix(in oklab, var(--color-dpai-danger) 90%, transparent)}}.hover\:bg-dpai-desk:hover{background-color:var(--color-dpai-desk)}.hover\:bg-dpai-ink\/5:hover{background-color:#241b320d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-ink\/5:hover{background-color:color-mix(in oklab, var(--color-dpai-ink) 5%, transparent)}}.hover\:bg-dpai-line:hover{background-color:var(--color-dpai-line)}.hover\:bg-dpai-paper:hover{background-color:var(--color-dpai-paper)}.hover\:bg-dpai-violet-dark:hover{background-color:var(--color-dpai-violet-dark)}.hover\:bg-dpai-violet-hover:hover{background-color:var(--color-dpai-violet-hover)}.hover\:bg-dpai-violet-soft:hover{background-color:var(--color-dpai-violet-soft)}.hover\:bg-dpai-violet\/5:hover{background-color:#7438d00d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/5:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 5%, transparent)}}.hover\:bg-dpai-violet\/8:hover{background-color:#7438d014}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/8:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 8%, transparent)}}.hover\:bg-dpai-violet\/10:hover{background-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/10:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}.hover\:bg-dpai-violet\/14:hover{background-color:#7438d024}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/14:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 14%, transparent)}}.hover\:bg-dpai-violet\/15:hover{background-color:#7438d026}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/15:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 15%, transparent)}}.hover\:bg-dpai-violet\/\[0\.025\]:hover{background-color:#7438d006}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dpai-violet\/\[0\.025\]:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 2.5%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-dpai-ink:hover{color:var(--color-dpai-ink)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0\.5rem_1\.5rem_rgba\(73\,54\,111\,0\.08\)\]:hover{--tw-shadow:0 .5rem 1.5rem var(--tw-shadow-color,#49366f14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0\.7rem_2rem_rgba\(73\,54\,111\,0\.065\)\]:hover{--tw-shadow:0 .7rem 2rem var(--tw-shadow-color,#49366f11);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_1rem_3rem_rgba\(69\,54\,93\,0\.1\)\]:hover{--tw-shadow:0 1rem 3rem var(--tw-shadow-color,#45365d1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-dpai-line:hover{--tw-ring-color:var(--color-dpai-line)}.hover\:ring-dpai-violet:hover{--tw-ring-color:var(--color-dpai-violet)}.hover\:ring-inset:hover{--tw-ring-inset:inset}}.focus\:translate-y-3:focus{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus\:border-dpai-violet:focus{border-color:var(--color-dpai-violet)}.focus\:border-dpai-violet\/50:focus{border-color:#7438d080}@supports (color:color-mix(in lab, red, red)){.focus\:border-dpai-violet\/50:focus{border-color:color-mix(in oklab, var(--color-dpai-violet) 50%, transparent)}}.focus\:shadow-\[0_0_0_3px_rgba\(139\,92\,246\,0\.12\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#8b5cf61f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-dpai-violet\/10:focus{--tw-ring-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-dpai-violet\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}.focus\:ring-dpai-violet\/20:focus{--tw-ring-color:#7438d033}@supports (color:color-mix(in lab, red, red)){.focus\:ring-dpai-violet\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-dpai-violet) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-dpai-violet:focus-visible{border-color:var(--color-dpai-violet)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-dpai-violet-soft:focus-visible{--tw-ring-color:var(--color-dpai-violet-soft)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-dpai-ai-presence-ink:focus-visible{outline-color:var(--color-dpai-ai-presence-ink)}.focus-visible\:outline-dpai-danger:focus-visible{outline-color:var(--color-dpai-danger)}.focus-visible\:outline-dpai-violet:focus-visible{outline-color:var(--color-dpai-violet)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-96:active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:scale-\[0\.97\]:active{scale:.97}.active\:bg-dpai-desk:active{background-color:var(--color-dpai-desk)}@media (hover:hover){.enabled\:hover\:bg-dpai-violet\/10:enabled:hover{background-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:bg-dpai-violet\/10:enabled:hover{background-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}}.enabled\:active\:scale-\[0\.96\]:enabled:active{scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.has-checked\:bg-dpai-violet\/8:has(:checked){background-color:#7438d014}@supports (color:color-mix(in lab, red, red)){.has-checked\:bg-dpai-violet\/8:has(:checked){background-color:color-mix(in oklab, var(--color-dpai-violet) 8%, transparent)}}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-60:has(:disabled){opacity:.6}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\:focus-visible\]\:ring-dpai-violet\/35:has(:focus-visible){--tw-ring-color:#7438d059}@supports (color:color-mix(in lab, red, red)){.has-\[\:focus-visible\]\:ring-dpai-violet\/35:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-dpai-violet) 35%, transparent)}}.has-\[\:focus-visible\]\:ring-offset-2:has(:focus-visible){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.has-\[section\]\:grid:has(:is(section)){display:grid}.aria-expanded\:bg-dpai-violet-hover[aria-expanded=true]{background-color:var(--color-dpai-violet-hover)}.aria-expanded\:bg-dpai-violet-soft[aria-expanded=true]{background-color:var(--color-dpai-violet-soft)}.aria-expanded\:text-dpai-violet[aria-expanded=true]{color:var(--color-dpai-violet)}.aria-pressed\:bg-dpai-ai-presence-ink\/15[aria-pressed=true]{background-color:#241b3226}@supports (color:color-mix(in lab, red, red)){.aria-pressed\:bg-dpai-ai-presence-ink\/15[aria-pressed=true]{background-color:color-mix(in oklab, var(--color-dpai-ai-presence-ink) 15%, transparent)}}.aria-selected\:bg-dpai-chrome[aria-selected=true]{background-color:var(--color-dpai-chrome)}.aria-selected\:text-dpai-ink[aria-selected=true]{color:var(--color-dpai-ink)}.aria-selected\:shadow-sm[aria-selected=true]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-highlighted\:bg-dpai-desk[data-highlighted]{background-color:var(--color-dpai-desk)}.data-\[active\]\:bg-dpai-surface[data-active]{background-color:var(--color-dpai-surface)}.data-\[active\]\:text-dpai-ink[data-active]{color:var(--color-dpai-ink)}.data-\[active\]\:shadow-sm[data-active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[active\=true\]\:bg-dpai-paper[data-active=true]{background-color:var(--color-dpai-paper)}.data-\[ending-style\]\:-translate-y-1[data-ending-style]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[expanded\=true\]\:py-4[data-expanded=true]{padding-block:calc(var(--spacing) * 4)}.data-\[pressed\]\:bg-dpai-surface[data-pressed]{background-color:var(--color-dpai-surface)}.data-\[pressed\]\:bg-dpai-violet[data-pressed]{background-color:var(--color-dpai-violet)}.data-\[pressed\]\:text-dpai-ink[data-pressed]{color:var(--color-dpai-ink)}.data-\[pressed\]\:text-white[data-pressed]{color:var(--color-white)}.data-\[pressed\]\:shadow-sm[data-pressed]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[starting-style\]\:-translate-y-1[data-starting-style]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-\[dpai-maintenance-enter_400ms_cubic-bezier\(0\.2\,0\,0\,1\)_both\]{animation:.4s cubic-bezier(.2,0,0,1) both dpai-maintenance-enter}.motion-safe\:animate-dpai-context-appear{animation:var(--animate-dpai-context-appear)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:transition-\[background-color\,scale\]{transition-property:background-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.motion-safe\:enabled\:hover\:scale-105:enabled:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.motion-safe\:enabled\:active\:scale-95:enabled:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media not all and (width>=999px){.max-\[999px\]\:mb-0{margin-bottom:0}.max-\[999px\]\:hidden{display:none}.max-\[999px\]\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.max-\[999px\]\:w-\[52px\]{width:52px}.max-\[999px\]\:justify-center{justify-content:center}.max-\[999px\]\:p-1\.5{padding:calc(var(--spacing) * 1.5)}}@media not all and (width>=900px){.max-\[900px\]\:min-h-0{min-height:0}.max-\[900px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[900px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (width>=860px){.max-\[860px\]\:items-start{align-items:flex-start}.max-\[860px\]\:gap-5{gap:calc(var(--spacing) * 5)}}@media not all and (width>=760px){.max-\[760px\]\:rounded-xl{border-radius:var(--radius-xl)}.max-\[760px\]\:py-14{padding-block:calc(var(--spacing) * 14)}}@media not all and (width>=740px){.max-\[740px\]\:left-0{left:0}.max-\[740px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[740px\]\:gap-4{gap:calc(var(--spacing) * 4)}.max-\[740px\]\:pl-8{padding-left:calc(var(--spacing) * 8)}.max-\[740px\]\:before\:left-\[0\.35rem\]:before{content:var(--tw-content);left:.35rem}}@media not all and (width>=720px){.max-\[720px\]\:min-h-0{min-height:0}.max-\[720px\]\:w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.max-\[720px\]\:flex-col{flex-direction:column}.max-\[720px\]\:justify-center{justify-content:center}.max-\[720px\]\:gap-1{gap:var(--spacing)}.max-\[720px\]\:gap-3{gap:calc(var(--spacing) * 3)}.max-\[720px\]\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.max-\[720px\]\:text-center{text-align:center}.max-\[720px\]\:text-\[0\.75rem\]{font-size:.75rem}}@media not all and (width>=680px){.max-\[680px\]\:w-full{width:100%}.max-\[680px\]\:flex-1{flex:1}.max-\[680px\]\:flex-col{flex-direction:column}}@media not all and (width>=640px){.max-\[640px\]\:-top-28{top:calc(var(--spacing) * -28)}.max-\[640px\]\:mt-3{margin-top:calc(var(--spacing) * 3)}.max-\[640px\]\:mt-4{margin-top:calc(var(--spacing) * 4)}.max-\[640px\]\:mt-8{margin-top:calc(var(--spacing) * 8)}.max-\[640px\]\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.max-\[640px\]\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.max-\[640px\]\:aspect-\[4\/3\]{aspect-ratio:4/3}.max-\[640px\]\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.max-\[640px\]\:h-\[20rem\]{height:20rem}.max-\[640px\]\:h-\[24rem\]{height:24rem}.max-\[640px\]\:min-h-14{min-height:calc(var(--spacing) * 14)}.max-\[640px\]\:min-h-24{min-height:calc(var(--spacing) * 24)}.max-\[640px\]\:w-\[32rem\]{width:32rem}.max-\[640px\]\:w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.max-\[640px\]\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.max-\[640px\]\:w-full{width:100%}.max-\[640px\]\:max-w-\[20rem\]{max-width:20rem}.max-\[640px\]\:max-w-none{max-width:none}.max-\[640px\]\:flex-col{flex-direction:column}.max-\[640px\]\:items-start{align-items:flex-start}.max-\[640px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[640px\]\:gap-4{gap:calc(var(--spacing) * 4)}.max-\[640px\]\:rounded-2xl{border-radius:var(--radius-2xl)}.max-\[640px\]\:object-cover{object-fit:cover}.max-\[640px\]\:object-\[52\%_center\]{object-position:52% center}.max-\[640px\]\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.max-\[640px\]\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-\[640px\]\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-\[640px\]\:py-3{padding-block:calc(var(--spacing) * 3)}.max-\[640px\]\:py-4{padding-block:calc(var(--spacing) * 4)}.max-\[640px\]\:py-9{padding-block:calc(var(--spacing) * 9)}.max-\[640px\]\:py-10{padding-block:calc(var(--spacing) * 10)}.max-\[640px\]\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-\[640px\]\:pt-5{padding-top:calc(var(--spacing) * 5)}.max-\[640px\]\:pt-8{padding-top:calc(var(--spacing) * 8)}.max-\[640px\]\:pt-9{padding-top:calc(var(--spacing) * 9)}.max-\[640px\]\:pt-10{padding-top:calc(var(--spacing) * 10)}.max-\[640px\]\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.max-\[640px\]\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-\[640px\]\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.max-\[640px\]\:text-dpai-body{font-size:var(--text-dpai-body);line-height:var(--tw-leading,var(--text-dpai-body--line-height))}.max-\[640px\]\:text-\[1\.35rem\]{font-size:1.35rem}.max-\[640px\]\:text-\[2\.5rem\]{font-size:2.5rem}.max-\[640px\]\:text-\[clamp\(2rem\,9\.2vw\,2\.75rem\)\]{font-size:clamp(2rem,9.2vw,2.75rem)}.max-\[640px\]\:leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.max-\[640px\]\:leading-\[1\]{--tw-leading:1;line-height:1}.max-\[640px\]\:tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.max-\[640px\]\:placeholder\:text-dpai-body::placeholder{font-size:var(--text-dpai-body);line-height:var(--tw-leading,var(--text-dpai-body--line-height))}}@media not all and (width>=600px){.max-\[600px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (width>=560px){.max-\[560px\]\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.max-\[560px\]\:h-5{height:calc(var(--spacing) * 5)}.max-\[560px\]\:h-16{height:calc(var(--spacing) * 16)}.max-\[560px\]\:w-40{width:calc(var(--spacing) * 40)}.max-\[560px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[560px\]\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.max-\[560px\]\:gap-1{gap:var(--spacing)}.max-\[560px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[560px\]\:gap-2{gap:calc(var(--spacing) * 2)}.max-\[560px\]\:rounded-lg{border-radius:var(--radius-lg)}.max-\[560px\]\:rounded-xl{border-radius:var(--radius-xl)}.max-\[560px\]\:p-4{padding:calc(var(--spacing) * 4)}.max-\[560px\]\:px-1{padding-inline:var(--spacing)}.max-\[560px\]\:py-2{padding-block:calc(var(--spacing) * 2)}.max-\[560px\]\:text-dpai-label{font-size:var(--text-dpai-label);line-height:var(--tw-leading,var(--text-dpai-label--line-height))}.max-\[560px\]\:text-\[0\.56rem\]{font-size:.56rem}}@media not all and (width>=540px){.max-\[540px\]\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-\[540px\]\:pt-4{padding-top:calc(var(--spacing) * 4)}}@media not all and (width>=520px){.max-\[520px\]\:w-full{width:100%}.max-\[520px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[520px\]\:flex-col{flex-direction:column}.max-\[520px\]\:items-start{align-items:flex-start}.max-\[520px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}}@media not all and (width>=480px){.max-\[480px\]\:p-6{padding:calc(var(--spacing) * 6)}}@media not all and (width>=440px){.max-\[440px\]\:flex-wrap{flex-wrap:wrap}.max-\[440px\]\:gap-2{gap:calc(var(--spacing) * 2)}}@media not all and (width>=360px){.max-\[360px\]\:h-\[26rem\]{height:26rem}.max-\[360px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[360px\]\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.max-\[360px\]\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}@media not all and (width>=40rem){.max-sm\:top-\[calc\(var\(--dpai-navbar-height\)\+0\.75rem\)\]{top:calc(var(--dpai-navbar-height) + .75rem)}.max-sm\:right-3{right:calc(var(--spacing) * 3)}.max-sm\:w-\[calc\(100vw-1\.5rem\)\]{width:calc(100vw - 1.5rem)}}@media (width>=800px){.min-\[800px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.min-\[900px\]\:flex{display:flex}.min-\[900px\]\:min-h-12{min-height:calc(var(--spacing) * 12)}.min-\[900px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.min-\[1000px\]\:bottom-6{bottom:calc(var(--spacing) * 6)}.min-\[1000px\]\:bottom-\[calc\(var\(--dpai-ai-composer-height\,104px\)\+40px\)\]{bottom:calc(var(--dpai-ai-composer-height,104px) + 40px)}.min-\[1000px\]\:block{display:block}.min-\[1000px\]\:hidden{display:none}.min-\[1000px\]\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}}@media (width>=1280px){.min-\[1280px\]\:bottom-20{bottom:calc(var(--spacing) * 20)}}@media (width>=40rem){.sm\:inset-6{inset:calc(var(--spacing) * 6)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:h-72{height:calc(var(--spacing) * 72)}.sm\:min-h-24{min-height:calc(var(--spacing) * 24)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.sm\:w-auto{width:auto}.sm\:min-w-36{min-width:calc(var(--spacing) * 36)}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.sm\:gap-x-12{column-gap:calc(var(--spacing) * 12)}.sm\:rounded-\[1\.5rem\]{border-radius:1.5rem}.sm\:rounded-\[1\.25rem\]{border-radius:1.25rem}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:pt-5{padding-top:calc(var(--spacing) * 5)}.sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.sm\:\[--card-clip-handle\:3px\]{--card-clip-handle:3px}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_13rem\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) 13rem}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:px-14{padding-inline:calc(var(--spacing) * 14)}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(18rem\,0\.72fr\)\]{grid-template-columns:minmax(0,1.65fr) minmax(18rem,.72fr)}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}}@media (pointer:coarse){.pointer-coarse\:min-h-11{min-height:calc(var(--spacing) * 11)}}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_a\]\:text-dpai-violet-dark a{color:var(--color-dpai-violet-dark)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-4 a{text-underline-offset:4px}.\[\&_blockquote\]\:border-l blockquote{border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&_blockquote\]\:border-dpai-ai-muted blockquote{border-color:var(--color-dpai-ai-muted)}.\[\&_blockquote\]\:border-dpai-line blockquote{border-color:var(--color-dpai-line)}.\[\&_blockquote\]\:pl-4 blockquote{padding-left:calc(var(--spacing) * 4)}.\[\&_blockquote\]\:text-dpai-ai-muted blockquote{color:var(--color-dpai-ai-muted)}.\[\&_blockquote\]\:text-dpai-muted blockquote{color:var(--color-dpai-muted)}.\[\&_code\]\:rounded code{border-radius:.25rem}.\[\&_code\]\:bg-dpai-ink\/5 code{background-color:#241b320d}@supports (color:color-mix(in lab, red, red)){.\[\&_code\]\:bg-dpai-ink\/5 code{background-color:color-mix(in oklab, var(--color-dpai-ink) 5%, transparent)}}.\[\&_code\]\:bg-dpai-paper code{background-color:var(--color-dpai-paper)}.\[\&_code\]\:px-1 code{padding-inline:var(--spacing)}.\[\&_code\]\:font-mono code{font-family:var(--font-mono)}.\[\&_code\]\:text-dpai-label code{font-size:var(--text-dpai-label);line-height:var(--tw-leading,var(--text-dpai-label--line-height))}.\[\&_h1\]\:mt-6 h1{margin-top:calc(var(--spacing) * 6)}.\[\&_h1\]\:mb-3 h1{margin-bottom:calc(var(--spacing) * 3)}.\[\&_h1\]\:text-dpai-title-sm h1{font-size:var(--text-dpai-title-sm);line-height:var(--tw-leading,var(--text-dpai-title-sm--line-height))}.\[\&_h1\]\:font-semibold h1{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h2\]\:mt-5 h2{margin-top:calc(var(--spacing) * 5)}.\[\&_h2\]\:mt-6 h2{margin-top:calc(var(--spacing) * 6)}.\[\&_h2\]\:mb-2 h2{margin-bottom:calc(var(--spacing) * 2)}.\[\&_h2\]\:font-semibold h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h3\]\:mt-4 h3{margin-top:calc(var(--spacing) * 4)}.\[\&_h3\]\:font-medium h3{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_h3\]\:font-semibold h3{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_hr\]\:my-5 hr{margin-block:calc(var(--spacing) * 5)}.\[\&_hr\]\:border-dpai-ai-line hr{border-color:var(--color-dpai-ai-line)}.\[\&_hr\]\:border-dpai-line hr{border-color:var(--color-dpai-line)}.\[\&_li\]\:my-1 li{margin-block:var(--spacing)}.\[\&_li\]\:my-2 li{margin-block:calc(var(--spacing) * 2)}.\[\&_li\>ol\]\:my-1 li>ol,.\[\&_li\>ul\]\:my-1 li>ul{margin-block:var(--spacing)}.\[\&_ol\]\:my-3 ol{margin-block:calc(var(--spacing) * 3)}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:pl-5 ol{padding-left:calc(var(--spacing) * 5)}.\[\&_p\]\:my-3 p{margin-block:calc(var(--spacing) * 3)}.\[\&_p\:first-child\]\:mt-0 p:first-child{margin-top:0}.\[\&_pre\]\:my-4 pre{margin-block:calc(var(--spacing) * 4)}.\[\&_pre\]\:overflow-x-auto pre{overflow-x:auto}.\[\&_pre\]\:rounded-dpai-control pre{border-radius:var(--radius-dpai-control)}.\[\&_pre\]\:rounded-xl pre{border-radius:var(--radius-xl)}.\[\&_pre\]\:bg-dpai-ink\/5 pre{background-color:#241b320d}@supports (color:color-mix(in lab, red, red)){.\[\&_pre\]\:bg-dpai-ink\/5 pre{background-color:color-mix(in oklab, var(--color-dpai-ink) 5%, transparent)}}.\[\&_pre\]\:bg-dpai-paper pre{background-color:var(--color-dpai-paper)}.\[\&_pre\]\:p-3 pre{padding:calc(var(--spacing) * 3)}.\[\&_pre\]\:p-4 pre{padding:calc(var(--spacing) * 4)}.\[\&_pre_code\]\:bg-transparent pre code{background-color:#0000}.\[\&_pre_code\]\:p-0 pre code{padding:0}.\[\&_span\]\:mt-1 span{margin-top:var(--spacing)}.\[\&_span\]\:block span{display:block}.\[\&_span\]\:font-mono span{font-family:var(--font-mono)}.\[\&_span\]\:text-dpai-preview span{font-size:var(--text-dpai-preview);line-height:var(--tw-leading,var(--text-dpai-preview--line-height))}.\[\&_span\]\:text-dpai-muted span{color:var(--color-dpai-muted)}.\[\&_strong\]\:block strong{display:block}.\[\&_strong\]\:text-dpai-caption strong{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&_strong\]\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_svg\]\:mx-auto svg{margin-inline:auto}.\[\&_svg\]\:mb-2 svg{margin-bottom:calc(var(--spacing) * 2)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:fill-none svg{fill:none}.\[\&_svg\]\:stroke-dpai-violet svg{stroke:var(--color-dpai-violet)}.\[\&_svg\]\:stroke-\[1\.5\] svg{stroke-width:1.5px}.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_td\]\:border-dpai-ai-line td{border-color:var(--color-dpai-ai-line)}.\[\&_td\]\:border-dpai-line td{border-color:var(--color-dpai-line)}.\[\&_td\]\:p-2 td{padding:calc(var(--spacing) * 2)}.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_th\]\:border-dpai-ai-line th{border-color:var(--color-dpai-ai-line)}.\[\&_th\]\:border-dpai-line th{border-color:var(--color-dpai-line)}.\[\&_th\]\:p-2 th{padding:calc(var(--spacing) * 2)}.\[\&_th\]\:text-left th{text-align:left}.\[\&_ul\]\:my-3 ul{margin-block:calc(var(--spacing) * 3)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:\[\&\:\:after\]\:animate-none:after,.motion-reduce\:\[\&\:\:before\]\:animate-none:before{animation:none}}.\[\&\>article\+article\]\:border-t>article+article{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>article\+article\]\:border-dpai-line>article+article{border-color:var(--color-dpai-line)}@media (width>=900px){.min-\[900px\]\:\[\&\>article\+article\]\:border-t-0>article+article{border-top-style:var(--tw-border-style);border-top-width:0}.min-\[900px\]\:\[\&\>article\+article\]\:border-l>article+article{border-left-style:var(--tw-border-style);border-left-width:1px}}.\[\&\>canvas\]\:size-full>canvas{width:100%;height:100%}.\[\&\>dd\]\:order-2>dd{order:2}.\[\&\>dd\]\:m-0>dd{margin:0}.\[\&\>dd\]\:text-base>dd{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&\>dd\]\:font-extrabold>dd{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&\>dd\]\:tracking-\[-0\.02em\]>dd{--tw-tracking:-.02em;letter-spacing:-.02em}.\[\&\>dd\]\:text-white>dd{color:var(--color-white)}.\[\&\>div\]\:aspect-\[4\/3\]>div{aspect-ratio:4/3}.\[\&\>div\]\:rounded-xl>div{border-radius:var(--radius-xl)}.\[\&\>div\]\:border>div{border-style:var(--tw-border-style);border-width:1px}.\[\&\>div\]\:border-0>div{border-style:var(--tw-border-style);border-width:0}.\[\&\>div\]\:border-dpai-line>div{border-color:var(--color-dpai-line)}.\[\&\>div\]\:bg-white\/85>div{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.\[\&\>div\]\:bg-white\/85>div{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.\[\&\>div\]\:px-5>div{padding-inline:calc(var(--spacing) * 5)}.\[\&\>div\]\:py-4>div{padding-block:calc(var(--spacing) * 4)}.\[\&\>dt\]\:contents>dt{display:contents}.\[\&\>h2\]\:m-0>h2{margin:0}.\[\&\>h2\]\:font-display>h2{font-family:var(--font-display)}.\[\&\>h2\]\:text-dpai-title>h2{font-size:var(--text-dpai-title);line-height:var(--tw-leading,var(--text-dpai-title--line-height))}.\[\&\>h2\]\:font-medium>h2{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>h2\]\:tracking-dpai-display>h2{--tw-tracking:var(--tracking-dpai-display);letter-spacing:var(--tracking-dpai-display)}.\[\&\>i\]\:block>i{display:block}.\[\&\>i\]\:size-\[0\.44rem\]>i{width:.44rem;height:.44rem}.\[\&\>i\]\:w-3\.5>i{width:calc(var(--spacing) * 3.5)}.\[\&\>i\]\:rounded-full>i{border-radius:2147483647px}.\[\&\>i\]\:bg-dpai-line-strong>i{background-color:var(--color-dpai-line-strong)}.\[\&\>i\:first-child\]\:bg-dpai-danger>i:first-child{background-color:var(--color-dpai-danger)}.\[\&\>i\:last-child\]\:bg-\[\#67bd8d\]>i:last-child{background-color:#67bd8d}.\[\&\>i\:nth-child\(2\)\]\:bg-\[\#dfbe60\]>i:nth-child(2){background-color:#dfbe60}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:scale-\[1\.42\]>img{scale:1.42}.\[\&\>img\]\:object-contain>img{object-fit:contain}.\[\&\>img\]\:object-cover>img{object-fit:cover}.\[\&\>p\]\:mx-auto>p{margin-inline:auto}.\[\&\>p\]\:mt-2>p{margin-top:calc(var(--spacing) * 2)}.\[\&\>p\]\:mb-0>p{margin-bottom:0}.\[\&\>p\]\:max-w-\[30rem\]>p{max-width:30rem}.\[\&\>p\]\:text-dpai-caption>p{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&\>p\]\:text-dpai-muted>p{color:var(--color-dpai-muted)}.\[\&\>small\]\:mt-0\.5>small{margin-top:calc(var(--spacing) * .5)}.\[\&\>small\]\:mt-1>small{margin-top:var(--spacing)}.\[\&\>small\]\:block>small{display:block}.\[\&\>small\]\:truncate>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>small\]\:text-dpai-caption>small{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&\>small\]\:text-dpai-preview>small{font-size:var(--text-dpai-preview);line-height:var(--tw-leading,var(--text-dpai-preview--line-height))}.\[\&\>small\]\:text-dpai-muted>small{color:var(--color-dpai-muted)}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:grid>span{display:grid}.\[\&\>span\]\:size-7>span{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.\[\&\>span\]\:place-items-center>span{place-items:center}.\[\&\>span\]\:rounded-lg>span{border-radius:var(--radius-lg)}.\[\&\>span\]\:bg-dpai-violet\/10>span{background-color:#7438d01a}@supports (color:color-mix(in lab, red, red)){.\[\&\>span\]\:bg-dpai-violet\/10>span{background-color:color-mix(in oklab, var(--color-dpai-violet) 10%, transparent)}}.peer-focus-visible\:\[\&\>span\]\:shadow-\[0_0_0_3px_\#7438d0\,0_0\.5rem_1rem_rgba\(35\,33\,38\,0\.18\)\]:is(:where(.peer):focus-visible~*)>span{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#7438d0), 0 .5rem 1rem var(--tw-shadow-color,#2321262e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\>strong\]\:block>strong{display:block}.\[\&\>strong\]\:max-w-32>strong{max-width:calc(var(--spacing) * 32)}.\[\&\>strong\]\:truncate>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>strong\]\:font-display>strong{font-family:var(--font-display)}.\[\&\>strong\]\:text-dpai-body-sm>strong{font-size:var(--text-dpai-body-sm);line-height:var(--tw-leading,var(--text-dpai-body-sm--line-height))}.\[\&\>strong\]\:text-dpai-caption>strong{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&\>strong\]\:text-dpai-title-sm>strong{font-size:var(--text-dpai-title-sm);line-height:var(--tw-leading,var(--text-dpai-title-sm--line-height))}.\[\&\>strong\]\:font-medium>strong{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>strong\]\:font-semibold>strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&\>svg\]\:mt-0\.5>svg{margin-top:calc(var(--spacing) * .5)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-5>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:fill-none>svg{fill:none}.\[\&\>svg\]\:stroke-current>svg{stroke:currentColor}.\[\&\>svg\]\:stroke-2>svg{stroke-width:2px}.\[\&\>svg\]\:stroke-\[1\.5\]>svg{stroke-width:1.5px}.\[\&\>svg\]\:stroke-\[1\.6\]>svg{stroke-width:1.6px}.\[\&\>svg\]\:text-dpai-positive>svg{color:var(--color-dpai-positive)}@media (hover:hover){.\[\@media\(hover\:hover\)\]\:opacity-0{opacity:0}}@media (pointer:coarse){.\[\@media\(pointer\:coarse\)\]\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}}}@keyframes dpai-context-appear{0%{opacity:0;transform:translateY(3px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes agent-drift{0%{transform:translate(-2.5rem,1.5rem)}to{transform:translateY(-1rem)}}@keyframes dpai-landing-enter{0%{filter:blur(4px);opacity:0;transform:translateY(12px)}to{filter:blur();opacity:1;transform:translateY(0)}}@keyframes dpai-maintenance-enter{0%{filter:blur(4px);opacity:0;transform:translateY(12px)}to{filter:blur();opacity:1;transform:translateY(0)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dpai-chrome:var(--color-dpai-chrome);--dpai-paper:var(--color-dpai-paper);--dpai-surface:var(--color-dpai-surface);--dpai-desk:var(--color-dpai-desk);--dpai-line:var(--color-dpai-line);--dpai-ink:var(--color-dpai-ink);--dpai-muted:var(--color-dpai-muted);--dpai-violet:var(--color-dpai-violet);--dpai-violet-hover:var(--color-dpai-violet-hover);--dpai-violet-dark:var(--color-dpai-violet-dark);--dpai-signal:var(--color-dpai-signal);--dpai-font-sans:var(--font-sans);--dpai-font-display:var(--font-display);--dpai-font-mono:var(--font-mono);--dpai-text-preview:var(--text-dpai-preview);--dpai-text-canvas:var(--text-dpai-canvas);--dpai-text-caption:var(--text-dpai-caption);--dpai-text-label:var(--text-dpai-label);--dpai-text-body-sm:var(--text-dpai-body-sm);--dpai-text-body:var(--text-dpai-body);--dpai-text-body-lg:var(--text-dpai-body-lg);--dpai-text-title-sm:var(--text-dpai-title-sm);--dpai-text-title:var(--text-dpai-title);--dpai-text-title-lg:var(--text-dpai-title-lg);--dpai-text-display:var(--text-dpai-display);--dpai-weight-regular:400;--dpai-weight-semibold:600;--dpai-weight-bold:700;--dpai-leading-solid:1;--dpai-leading-display:.98;--dpai-leading-compact:1.25;--dpai-leading-relaxed:1.5;--dpai-leading-loose:1.8;--dpai-leading-caption:1rem;--dpai-leading-label:1.125rem;--dpai-leading-body-sm:1.375rem;--dpai-leading-body:1.5rem;--dpai-leading-body-lg:1.75rem;--dpai-tracking-display:var(--tracking-dpai-display);--dpai-tracking-title:var(--tracking-dpai-title);--dpai-tracking-label:var(--tracking-dpai-label);--dpai-navbar-height:var(--spacing-navbar)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}