/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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}@layer theme{:root,:host{--font-sans:"Geist Variable", Geist, Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--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-xl:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--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;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--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-paper:#f7f6f9;--color-dpai-surface:#fff;--color-dpai-desk:#f1f2f4;--color-dpai-line:#e5e2e8;--color-dpai-ink:#232126;--color-dpai-muted:#747078;--color-dpai-violet:#8b5cf6;--color-dpai-violet-hover:#7c3aed;--color-dpai-violet-dark:#5b21b6;--color-dpai-signal:#46d695;--color-dpai-info:#3b82f6;--color-dpai-positive:#16865c;--color-dpai-danger:#dc4545;--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;--text-dpai-preview:.5rem;--text-dpai-preview--line-height:.75rem;--text-dpai-canvas:.6875rem;--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}}@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-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:text;background:0 0;border:0;max-width:min(24rem,42vw);padding:0}.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-projectNameInput{color:var(--dpai-ink);font-family:var(--dpai-font-sans);background:#f7f6f9;border:1px solid #d5d0d9;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 #8b5cf617}.dpai-canvas-projectNameInput[aria-invalid=true]{border-color:#c94f49;box-shadow:0 0 0 3px #c94f4917}.dpai-canvas-projectNameStatus{color:var(--dpai-muted);font-size:var(--dpai-text-caption);white-space:nowrap;margin-left:.45rem}.dpai-canvas-projectNameError{color:#a63d38;font-size:var(--dpai-text-caption);white-space:nowrap;z-index:90;background:#fff5f4;border:1px solid #efc7c4;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{color:var(--dpai-violet-dark);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/1 var(--dpai-font-sans);white-space:nowrap;background:#fff;border:1px solid #d8d3df;border-radius:.7rem;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{background:#f5f1ff;border-color:#bba8f2}.dpai-canvas-projectTemplateShareButton:active{transform:scale(.96)}.dpai-canvas-projectTemplateShareButton:disabled{cursor:wait;opacity:.58}.dpai-canvas-projectTemplateShareError{color:#a63d38;font-size:var(--dpai-text-caption);white-space:nowrap;z-index:90;background:#fff5f4;border:1px solid #efc7c4;border-radius:.5rem;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,#dfdde2 34%,#efedf1 47%,#dfdde2 60%) 0 0/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:.7rem;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:#f8f7f9;stroke:#c9c6cd;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:#454149;font:var(--dpai-weight-semibold) 32px/1 var(--dpai-font-sans);letter-spacing:-.02em}.dpai-canvas-loadingFrameRoute{fill:#8a858e;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;border:1px solid #d7d3da;border-radius:10px;align-items:center;gap:8px;width:112px;height:44px;padding:6px 10px 6px 7px;display:flex;box-shadow:0 8px 24px #2d27331a}.dpai-canvas-loadingMenuMark{background:#eee8ff;border:1px solid #ded3ff;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;border:1px solid #d7d3da;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:48px;padding:5px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 10px 28px #2d273322}.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;width:27px;display:grid;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 4px 12px #2d27331c}.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:#f8f7f9}50%{fill:#fff}}@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{position:relative}.dpai-canvas-connectButton,.dpai-canvas-exportButton{justify-content:center;align-items:center;display:inline-flex}.dpai-canvas-connectButton{color:#fff;cursor:pointer;font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);background:#2f2d33;border:1px solid #17161a;border-radius:.7rem;gap:.45rem;min-height:2rem;padding:0 .75rem;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000038,0 2px 6px #23212624}.dpai-canvas-connectButton:hover,.dpai-canvas-connectButton[aria-expanded=true]{background:#1f1e22}.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) 75%, #17161a)}}.dpai-canvas-connectButton[data-active=true]{box-shadow:inset 0 1px 0 #ffffff24, inset 0 -2px 0 #00000038, 0 0 0 3px var(--dpai-signal)}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-connectButton[data-active=true]{box-shadow:inset 0 1px 0 #ffffff24, inset 0 -2px 0 #00000038, 0 0 0 3px color-mix(in srgb, var(--dpai-signal) 16%, transparent)}}.dpai-canvas-connectButton[data-active=true] svg{color:var(--dpai-signal)}.dpai-canvas-connectButton svg{flex:none}.dpai-canvas-connectPanel{background:var(--dpai-chrome);color:var(--dpai-ink);z-index:80;border:1px solid #d9d5de;border-radius:.9rem;width:min(23.5rem,100vw - 2rem);padding:.85rem;animation:.15s ease-out connect-panel-in;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 18px 50px #21182c24,0 4px 12px #21182c14}.dpai-canvas-connectPanel:before{background:var(--dpai-chrome);content:"";border-top:1px solid #d9d5de;border-left:1px solid #d9d5de;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{color:#fff;background:#2f2d33;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{color:var(--dpai-ink);background:#f1eef3}.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{color:var(--dpai-ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #d9d5de;border-radius:.75rem;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{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-connectChoice:hover:not(:disabled){border-color:#bba9e8;transform:translateY(-1px);box-shadow:0 0 0 3px #8b5cf614}.dpai-canvas-connectChoice[data-featured=true]{color:var(--dpai-violet-dark);background:#f4efff;border-color:#c9b7f5}.dpai-canvas-connectChoice:disabled{cursor:default;opacity:.52}.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{content:"";background:#ddd8e1;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{color:var(--dpai-violet-dark);background:#f0e9ff;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{color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#fff;border:1px solid #d9d5de;border-radius:.6rem;min-height:2.25rem;padding:0 .8rem}.dpai-canvas-connectSetupSecondary:hover{background:#f5f2f7}.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:#b42318;font-size:var(--dpai-text-caption);margin:.2rem 0 0}.dpai-canvas-connectSteps{gap:.6rem;margin-top:.85rem;display:grid}.dpai-canvas-connectStep{border:1px solid var(--dpai-line);background:#f7f5f8;border-radius:.75rem;grid-template-columns:auto 1fr;gap:.7rem;padding:.75rem;display:grid}.dpai-canvas-connectStepIndex{color:#fff;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#2f2d33;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{color:#5f5b63;font-size:var(--dpai-text-caption);font-weight:var(--dpai-weight-semibold);line-height:var(--dpai-leading-compact);white-space:nowrap;border-bottom:1px dotted #8d8791;flex:none}.dpai-canvas-agentInstruction{color:#f7f6f9;font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);overflow-wrap:anywhere;white-space:pre-wrap;background:#26242a;border:1px solid #17161a;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);color:#fff;cursor:pointer;font-size:var(--dpai-text-label);font-weight:var(--dpai-weight-semibold);border:1px solid #a78bfa;border-radius:.7rem;min-height:2rem;padding:0 .8rem;box-shadow:inset 0 1px #ffffff70,inset 0 -2px #0000001f,0 2px 6px #6d28d930}.dpai-canvas-exportButton:hover{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{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:120;background:#1e1b225c;justify-content:center;align-items:center;padding:1.25rem;animation:.18s ease-out mcp-onboarding-backdrop-in;display:flex;position:fixed;inset:0}.dpai-canvas-mcpOnboardingDialog{background:#fbfafc;border:1px solid #d6d1db;border-radius:1.15rem;width:min(49rem,100%);max-height:calc(100dvh - 2.5rem);padding:1.4rem;animation:.22s cubic-bezier(.2,.8,.2,1) mcp-onboarding-dialog-in;position:relative;overflow:auto;box-shadow:0 2rem 6rem #1f182740,0 .2rem 1rem #1f18271f}.dpai-canvas-mcpOnboardingMap{background:#f0edf3;border:1px solid #e1dde5;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,#aaa4b0 0 4px,#0000 4px 8px);height:1px;position:relative}.dpai-canvas-mcpOnboardingMap>i:after{content:"";border-top:1px solid #8d8793;border-right:1px solid #8d8793;width:.3rem;height:.3rem;position:absolute;top:-.18rem;right:0;transform:rotate(45deg)}.dpai-canvas-mcpOnboardingMapNode{color:#5f5a64;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;background:#fff;border:1px solid #d4ced9;border-radius:.5rem;padding:.55rem .7rem}.dpai-canvas-mcpOnboardingMapMcp{color:#fff;background:#2f2d33;border:1px solid #17161a;border-radius:.65rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex;box-shadow:0 0 0 4px #8b5cf61f}.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;width:.38rem;height:.38rem;box-shadow:0 0 0 4px #46d69524}.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-mcpOnboardingChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.35rem;display:grid}.dpai-canvas-mcpOnboardingChoice{background:#fff;border:1px solid #dcd7e0;border-radius:.9rem;grid-template-columns:1fr auto;min-height:13.6rem;padding:1rem;display:grid}.dpai-canvas-mcpOnboardingChoice[data-featured=true]{box-shadow:inset 0 3px 0 var(--dpai-violet);background:linear-gradient(145deg,#f7f3ff,#fff 58%);border-color:#c9b8ee}.dpai-canvas-mcpOnboardingChoice[data-available=false]{background:#f4f2f5;border-style:dashed}.dpai-canvas-mcpOnboardingChoiceIndex{color:#9b94a1;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);letter-spacing:var(--dpai-tracking-label)}.dpai-canvas-mcpOnboardingChoiceIcon{color:var(--dpai-ink);background:#f0edf3;border:1px solid #ded9e2;border-radius:.6rem;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;display:inline-flex}.dpai-canvas-mcpOnboardingChoice[data-featured=true] .dpai-canvas-mcpOnboardingChoiceIcon{background:var(--dpai-violet);color:#fff;border-color:#a78bfa}.dpai-canvas-mcpOnboardingChoiceIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem}.dpai-canvas-mcpOnboardingChoice h3{font-family:var(--font-display);font-size:var(--dpai-text-title-sm);font-weight:var(--dpai-weight-semibold);letter-spacing:var(--dpai-tracking-title);grid-column:1/-1;margin:1rem 0 0}.dpai-canvas-mcpOnboardingChoice p{color:var(--dpai-muted);font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);grid-column:1/-1;align-self:start;margin:.45rem 0 1rem}.dpai-canvas-mcpOnboardingChoice 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);color:#fff;border:1px solid #a78bfa;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000001f}.dpai-canvas-mcpOnboardingPrimaryAction:hover{background:var(--dpai-violet-hover)}.dpai-canvas-mcpOnboardingSecondaryAction{color:var(--dpai-ink);background:#fff;border:1px solid #cbc6cf}.dpai-canvas-mcpOnboardingSecondaryAction:hover{background:#f6f4f7;border-color:#b9b2bd}.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{color:#8b352d;font-size:var(--dpai-text-label);line-height:var(--dpai-leading-relaxed);background:#fff1ef;border:1px solid #f0c7c1;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{color:#187b50;background:#daf8e9;border:1px solid #a8e7c9;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{color:#f7f6f9;font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);white-space:pre-wrap;background:#26242a;border:1px solid #17161a;border-radius:.75rem;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:#bdb6c2 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:#bdb6c2 padding-box padding-box;border:.2rem solid #0000;border-radius:999px}.dpai-canvas-mcpOnboardingDialog::-webkit-scrollbar-thumb:hover{background:#98909e padding-box padding-box}.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-mcpOnboardingChoices{gap:.55rem;margin-top:0}.dpai-canvas-mcpOnboardingChoice{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:0;padding:.7rem}.dpai-canvas-mcpOnboardingChoice>span{min-width:0}.dpai-canvas-mcpOnboardingChoice h3{font-size:var(--dpai-text-body-sm);grid-column:auto;margin:0}.dpai-canvas-mcpOnboardingChoice p{grid-column:auto;margin:.22rem 0 0}.dpai-canvas-mcpOnboardingChoice .dpai-canvas-mcpOnboardingPrimaryAction,.dpai-canvas-mcpOnboardingChoice .dpai-canvas-mcpOnboardingSecondaryAction{white-space:nowrap;align-self:center;min-height:2.15rem}.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{color:var(--dpai-violet-dark);background:#eee9fb;border:1px solid #d7c9f6;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{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;background:#efeaf9;border:1px solid #ddd1f6;border-radius:999px;flex:none;padding:.34rem .46rem}.dpai-canvas-designTemplateGrid{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.6rem;display:grid}.dpai-canvas-designTemplate{appearance:none;color:var(--dpai-ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #dcd7e0;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:#bcb4c2;transform:translateY(-1px)}.dpai-canvas-designTemplate[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf621,0 .5rem 1.2rem #2d234014}.dpai-canvas-designTemplate:active{transform:scale(.96)}.dpai-canvas-designTemplate:focus-visible{outline-offset:2px}.dpai-canvas-designTemplatePreview{background:#f0efec;border:1px solid #2321261f;border-radius:.5rem;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:#fff;border:1px solid #bdb7c1;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{color:#fff;font:var(--dpai-weight-semibold) .67rem/1 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;z-index:5;background:#251d37;border:1px solid #ffffff73;border-radius:999px;padding:.34rem .52rem;position:absolute;top:.65rem;right:.65rem;box-shadow:0 .25rem .75rem #2219332e}.dpai-canvas-designTemplateAccessBadge[data-status=draft]{color:#624500;background:#fff6de;border-color:#d5a72f}.dpai-canvas-mcpOnboardingDialog[data-stage=design]{background:var(--dpai-paper);border-color:#d6d1db;width:min(64rem,100vw - 2rem);padding:1rem;box-shadow:0 2rem 6rem #1f182740,0 .2rem 1rem #1f18271f}.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{box-shadow:none;color:var(--dpai-violet-dark);background:#eee9fb;border-color:#d7c9f6}.dpai-canvas-designCatalogTabs{background:#ebe8ee;border:1px solid #dfdbe3;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:#8f8993;cursor:not-allowed;opacity:.72}.dpai-canvas-designCatalogTab:disabled:hover{color:#8f8993}.dpai-canvas-designCatalogTab[data-active=true]{color:var(--dpai-ink);background:#fff;box-shadow:0 1px 2px #1f182714}.dpai-canvas-designCatalogTab>span{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) .55rem/1 var(--dpai-font-mono);letter-spacing:.04em;text-transform:uppercase;background:#eee9fb;border-radius:999px;padding:.25rem .32rem}.dpai-canvas-starterTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.dpai-canvas-starterTemplatePreviewContent{z-index:1;background:0 0;border-radius:.48rem;position:absolute;inset:.68rem;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 .65rem 1.4rem #1f18272e}.dpai-canvas-starterTemplatePreviewPage,.dpai-canvas-starterTemplatePreviewFrame{width:100%;height:100%;display:block}.dpai-canvas-starterTemplatePreviewPage{pointer-events:none;background:#fff}.dpai-canvas-starterTemplatePreviewFrame{pointer-events:none;background:#fff;border:0}.dpai-canvas-starterTemplatePreviewContent>i{display:block;position:absolute}.dpai-canvas-starterTemplatePreviewContent>i:first-child{background:var(--template-ink,#25242a);width:23%;top:.55rem;bottom:.55rem;left:.55rem}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(2){background:#fff;border:1px solid #d8d4dc;height:1rem;top:.55rem;left:26%;right:.55rem}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(3){background:#fff;border:1px solid #d8d4dc;inset:1.85rem .55rem .55rem 26%}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(4){background:var(--template-accent,#8b5cf6);width:16%;height:1.25rem;box-shadow:2.5rem 0 0 var(--template-accent-soft,#ddd5f4), 5rem 0 0 var(--template-ink,#c4b5ed);top:2.35rem;left:31%}.dpai-canvas-starterTemplatePreviewContent>i:nth-child(5){border-bottom:1.25rem solid var(--template-accent,#8b5cf6);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{color:var(--dpai-muted);font:var(--dpai-weight-semibold) .62rem/1 var(--dpai-font-mono);text-align:center;background:#ffffff85;border:1px dashed #d8d3dc;border-radius:1rem;justify-content:center;align-items:center;min-height:10rem;margin:0;padding:1rem;display:flex}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplateGrid{grid-template-columns:repeat(2,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-column:1/-1;grid-template-columns:9rem 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:#eeecf0;border:1px solid #e8e5eb;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{box-shadow:none;background:#e9e6ed;border-width:2px;border-color:#bba8f2}.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{pointer-events:none;z-index:1;background:linear-gradient(#d8d4dd 0 0) 10% 12%/24% 5% no-repeat,linear-gradient(#ddd9e2 0 0) 10% 23%/54% 8% no-repeat,linear-gradient(#d6d2db 0 0) 10% 40%/80% 47% no-repeat,#e9e6ec;border-radius:.58rem;transition:opacity .18s,visibility 0s linear .18s;position:absolute;inset:.75rem;overflow:hidden}.dpai-canvas-designTemplateSkeleton:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffffa3 48%,#0000 66%);animation:1.25s ease-in-out infinite dpai-template-preview-scan;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:#292824;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:#e4e1e7}.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);pointer-events:none;z-index:2;background:#ffffffe0;border:1px solid #ffffffbf;border-radius:.38rem;align-items:center;min-height:1.35rem;padding:.2rem .34rem;display:inline-flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 1px 4px #1f18271f}.dpai-canvas-designTemplateSource>img{width:auto;height:.62rem;display:block}.dpai-canvas-designTemplateSource>span{color:#403b43;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);color:#fff;font:var(--dpai-weight-semibold) .52rem/1 var(--dpai-font-sans);letter-spacing:.01em;pointer-events:none;z-index:2;background:#18181be0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;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:#2321261f}.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{color:#17181c;font:var(--dpai-weight-semibold) .82rem/1 var(--dpai-font-mono);background:#f4f3f7;border:1px solid #ffffff29;border-radius:.68rem;justify-content:center;align-items: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 #1b181f24;border-radius:999px;width:.72rem;height:.72rem;margin-left:-.14rem;display:block;box-shadow:0 0 0 1px #ffffffb8}.dpai-canvas-designTemplatePaletteSwatch:first-child{margin-left:0}.dpai-canvas-designTemplateUsage{color:#77717d;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:#fff;border-color:#bdb7c1;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:#9b7cf6;border-color:#bca7ff}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter{background:linear-gradient(to bottom, #f7f6f900, #f7f6f9f5 .42rem, var(--dpai-paper) .42rem);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);color:#fff;border-color:#a78bfa;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000001f}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction:hover{background:var(--dpai-violet-hover);color:#fff}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-mcpOnboardingError{color:#8b352d;background:#fff1ef;border-color:#f0c7c1}.dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{background:var(--dpai-violet);color:#fff;border:1px solid #a78bfa;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:#fff}.dpai-canvas-mcpOnboardingSelectionSummary{color:var(--dpai-muted);font-size:var(--dpai-text-caption);background:#f1eff3;border:1px solid #e0dce3;border-radius:.65rem;align-items:center;gap:.5rem;min-height:2.35rem;margin-bottom:.6rem;padding:.4rem .55rem;display:flex}.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 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-mcpOnboardingConnectionCard{grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;padding:.9rem}.dpai-canvas-mcpOnboardingConnectionCard>span{align-self:center}.dpai-canvas-mcpOnboardingConnectionCard h3{font-size:var(--dpai-text-body-sm);margin:.35rem 0 0}.dpai-canvas-mcpOnboardingConnectionCard p{font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);max-width:29rem;margin:.25rem 0 0}.dpai-canvas-mcpOnboardingConnectionCard .dpai-canvas-mcpOnboardingStatusBadge{display:inline-flex}.dpai-canvas-mcpOnboardingConnectionCard[data-available=false] .dpai-canvas-mcpOnboardingStatusBadge{color:#756f79;background:#f2f0f3;border-color:#ded9e1}.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 #ebe7ee;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);content:"";pointer-events:none;z-index:1;background:linear-gradient(#26242a00,#26242af0);height:3rem;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:13rem;margin:0;padding-bottom:3.4rem;overflow:hidden}.dpai-canvas-mcpOnboardingPromptPreview[data-expanded=true] .dpai-canvas-agentInstruction{max-height:min(24rem,46dvh);overflow:auto}.dpai-canvas-mcpOnboardingPromptExpand{color:#302d34;cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);z-index:2;background:#fffffff0;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:.35rem;min-height:1.9rem;padding:0 .7rem;display:inline-flex;position:absolute;bottom:.65rem;left:50%;transform:translate(-50%);box-shadow:0 .25rem .8rem #0c0a0e3d}.dpai-canvas-mcpOnboardingPromptExpand:hover{background:#fff}.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-mcpOnboardingOr{color:#8b858f;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);text-transform:lowercase;align-items:center;gap:.7rem;margin:1rem 0 .8rem;display:flex}.dpai-canvas-mcpOnboardingOr:before,.dpai-canvas-mcpOnboardingOr:after{content:"";background:#ded9e2;flex:1;height:1px}.dpai-canvas-mcpOnboardingWorkspaceAction{display:flex}.dpai-canvas-mcpOnboardingWorkspaceAction[data-after-copy=true]{margin-top:.85rem}.dpai-canvas-mcpOnboardingWorkspaceAction .dpai-canvas-mcpOnboardingPrimaryAction{width:100%}.dpai-canvas-mcpOnboardingBackAction{color:#6f6972;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#f1eff3;border:1px solid #ded9e1;border-radius:.6rem;align-items:center;gap:.4rem;min-height:2.15rem;padding:0 .7rem;text-decoration:none;display:inline-flex}.dpai-canvas-mcpOnboardingBackAction:hover{color:var(--dpai-ink);background:#e9e6eb;border-color:#cbc5ce}.dpai-canvas-mcpOnboardingBackAction svg{width:.9rem;height:.9rem}.dpai-canvas-themePaywallBackdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:180;background:#1a162094;justify-content:center;align-items:center;padding:1rem;animation:.16s ease-out mcp-onboarding-backdrop-in;display:flex;position:fixed;inset:0}.dpai-canvas-themePaywallDialog{color:var(--dpai-ink);background:#e9e3f3;border:1px solid #8b5cf63d;border-radius:1.35rem;width:min(31rem,100%);max-height:calc(100dvh - 2rem);padding:1.05rem;animation:.19s cubic-bezier(.2,.8,.2,1) mcp-onboarding-dialog-in;position:relative;overflow:auto;box-shadow:0 2rem 7rem #17121f59}.dpai-canvas-themePaywallShader{pointer-events:none;z-index:0;position:absolute;inset:0}.dpai-canvas-themePaywallShader>canvas{width:100%;height:100%}.dpai-canvas-themePaywallWash{pointer-events:none;z-index:1;background:#ffffff1f;position:absolute;inset:0}.dpai-canvas-themePaywallClose{color:var(--dpai-muted);cursor:pointer;z-index:4;background:#ffffff9e;border:1px solid #ffffffa6;border-radius:.55rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex;position:absolute;top:.8rem;right:.8rem}.dpai-canvas-themePaywallClose:hover{color:var(--dpai-ink);background:#eeebf1;border-color:#ded8e3}.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);z-index:2;background:#ffffffad;border:1px solid #ffffff9e;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;padding:.85rem 3rem .85rem .85rem;display:grid;position:relative}.dpai-canvas-themePaywallMark{--theme-preview-accent:#8b5cf6;--theme-preview-ink:#2f2938;--theme-preview-surface:#ede7ff;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:.75rem;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{z-index:2;background:#fffffff5;border:1px solid #ffffffbf;border-radius:1rem;margin-top:.75rem;padding:1rem;position:relative;box-shadow:0 1.25rem 3rem #3d2b5b26}.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 #e4dfe8;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:#5f5966;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-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, #a78bfa, #c084fc, #e879f9, #93c5fd, #a78bfa) border-box;color:#fff;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;position:relative;overflow:hidden;box-shadow:0 .55rem 1.4rem #5b21b638,inset 0 1px #ffffff61,inset 0 -2px #0000001f}.dpai-canvas-themePaywallUpgrade>span{z-index:2;position:relative}.dpai-canvas-themePaywallUpgrade>i{pointer-events:none;z-index:1;background:linear-gradient(100deg,#0000,#ffffff14 28%,#ffffffad 50%,#ffffff1f 72%,#0000);width:42%;height:220%;animation:3s ease-in-out infinite theme-paywall-colored-shimmer;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{color:#625b68;z-index:2;background:#ffffff6b;border:1px solid #ffffff94;width:100%;margin-top:.65rem;position:relative}.dpai-canvas-themePaywallPlain:hover{background:#ffffff9e;border-color:#ffffffc7}.dpai-canvas-themePaywallPlain:disabled{cursor:default;opacity:.55}.dpai-canvas-themePaywallFootnote{color:#625b68;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 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<=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-connectButtonLabel,.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-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-mcpOnboardingChoices,.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,.dpai-canvas-starterTemplateGrid{grid-template-columns:minmax(0,1fr)}.dpai-canvas-mcpOnboardingDialog[data-stage=design] .dpai-canvas-designTemplatePreview{height:100%}.dpai-canvas-mcpOnboardingChoice{grid-template-columns:auto minmax(0,1fr);min-height:0}.dpai-canvas-mcpOnboardingChoice .dpai-canvas-mcpOnboardingPrimaryAction,.dpai-canvas-mcpOnboardingChoice .dpai-canvas-mcpOnboardingSecondaryAction,.dpai-canvas-mcpOnboardingConnectionCard .dpai-canvas-mcpOnboardingPrimaryAction{grid-column:1/-1;width:100%}.dpai-canvas-mcpOnboardingFooter{flex-direction:column;align-items:flex-start}.dpai-canvas-mcpOnboardingWorkspaceAction .dpai-canvas-mcpOnboardingPrimaryAction,.dpai-canvas-mcpOnboardingFooter .dpai-canvas-mcpOnboardingPrimaryAction{width:100%}.dpai-canvas-themePaywallDialog{padding:1rem}.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{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-connectPanel,.dpai-canvas-connectPanelMorph,.dpai-canvas-mcpOnboardingBackdrop,.dpai-canvas-mcpOnboardingDialog,.dpai-canvas-mcpOnboardingStep,.dpai-canvas-themePaywallBackdrop,.dpai-canvas-themePaywallDialog,.dpai-canvas-themePaywallUpgrade{animation:none}.dpai-canvas-themePaywallUpgrade>i{animation:none;display:none}.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-demoWorkspace{background:#dedee0;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:1rem}.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{color:#edeaf0;font-family:var(--dpai-font-mono);z-index:20;background:#121214;border:1px solid #2b292e;border-radius:.9rem;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;box-shadow:0 1.8rem 4.5rem #18121f57,0 0 0 1px #ffffff08}.dpai-canvas-demoTerminalHeader{background:#19191c;border-bottom:1px solid #2b292e;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:#69666d;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:#817e85;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:#242126;border:1px solid #343037}.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%, #19171c)}}.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%, #28242d)}}.dpai-canvas-demoTerminalMessage span{color:#aaa5af;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:#d9d5de;font-size:var(--dpai-text-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dpai-canvas-demoTerminalTool small{color:#85808a;font-size:var(--dpai-text-preview);white-space:nowrap}.dpai-canvas-demoTerminalFooter{color:#89848e;font-size:var(--dpai-text-caption);text-transform:uppercase;border-top:1px solid #2b292e;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;min-width:0;height:100%;position:relative;overflow:hidden}.dpai-canvas-board.react-flow{--canvas-frame-edge:#00000029;--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{text-align:center;background:#ffffff61;border:2px dashed #bbb6c1;border-radius:.85rem;flex-direction:column;justify-content:center;align-items: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{color:var(--dpai-violet-dark);background:#f0ecf8;border:1px solid #d7cdf0;border-radius:.7rem;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{text-align:left;background:#ffffffdb;border:1px solid #d8d3dc;border-radius:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;max-width:34rem;margin-top:1.3rem;padding:.55rem;display:grid}.dpai-canvas-emptyCanvasPrompt code{color:#5f5963;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);color:#fff;cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);white-space:nowrap;border:1px solid #a78bfa;border-radius:.55rem;align-items:center;gap:.4rem;min-height:2.1rem;padding:0 .7rem;display:inline-flex;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000001a}.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);color:#fff;cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-sans);border:1px solid #a78bfa;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-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 .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-board.react-flow:has(.dpai-canvas-frameNode[data-maximized=true]) .react-flow__viewport{transform:none!important}.dpai-canvas-board.react-flow:has(.dpai-canvas-frameNode[data-maximized=true]) .react-flow__node{visibility:hidden}.dpai-canvas-board.react-flow:has(.dpai-canvas-frameNode[data-maximized=true]) .react-flow__node:has(.dpai-canvas-frameNode[data-maximized=true]){visibility:visible;z-index:4!important;width:100%!important;height:100%!important;inset:0!important;transform:none!important}.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-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%}}.dpai-canvas-frameNode{transition:width .3s cubic-bezier(.22,1,.36,1);position:relative}.dpai-canvas-frameLabel{color:#615e64;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)}.dpai-canvas-frameRoute{color:#8a868e;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%, #27232b)}}.dpai-canvas-agentPageStatus{font-family:var(--dpai-font-mono);font-size:var(--dpai-text-canvas);font-weight:var(--dpai-weight-semibold);gap:5px;margin-left:auto;padding:3px 7px 3px 5px;display:inline-flex}.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{box-shadow:0 0 0 1px var(--canvas-frame-edge);contain:paint;background:#fff;border-radius:3px;transition:width .3s cubic-bezier(.22,1,.36,1),box-shadow .16s;position:relative;overflow:hidden}.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-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.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:#fff;border:0;display:block}.dpai-canvas-followLatest{color:#fff;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;background:#211d25e8;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:8px 11px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #211d2540}.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-frameNode[data-maximized=true]{box-sizing:border-box;background:#eeecef;grid-template-rows:36px minmax(0,1fr);height:100%;padding:10px 16px 16px;display:grid;overflow:hidden;width:100%!important}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-frameLabel{color:var(--dpai-ink);height:36px;padding-left:0;padding-right:136px}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-frameSurface{place-self:start;max-width:100%;max-height:100%;margin-inline:auto}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-frameViewport{transform-origin:0 0}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-viewportRail{flex-direction:row;top:14px;right:16px;transform:none!important}.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-frameControlGroup,.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-viewportControlGroup,.dpai-canvas-frameNode[data-maximized=true] .dpai-canvas-feedbackControlGroup{flex-direction:row}.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:#fff;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:#fff;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:#fff;stroke:#c9bfda;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{color:#fff;cursor:pointer;font:500 12px/1 var(--dpai-font-sans);pointer-events:auto;transform-origin:50%;background:#6876c9;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:relative;box-shadow:0 0 0 1px #5c68b74d,0 3px 10px #36417c33}.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 #36417c33;background:#5c68b7;outline:0}.dpai-canvas-commentTypeBadge{color:var(--dpai-violet-dark);pointer-events:none;background:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #c9bfda,0 2px 5px #2d273326}.dpai-canvas-commentTypeBadge svg{shape-rendering:geometricprecision;stroke-width:2.25px;width:10px;height:10px}.dpai-canvas-markerHoverCard{color:var(--dpai-ink);opacity:0;pointer-events:none;transform-origin:0 0;visibility:hidden;z-index:80;background:#fff;border:1px solid #d9d4df;border-radius:10px;width:220px;padding:9px;transition:opacity .1s,visibility .1s;position:absolute;box-shadow:0 12px 30px #2d273329,0 2px 8px #2d27331f}.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{color:var(--dpai-violet-dark);cursor:pointer;font:700 11px/1 var(--dpai-font-sans);background:#f3efff;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:#e8e0ff}.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{border:1px solid var(--dpai-violet);background:#fff}@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{cursor:default;pointer-events:auto;transform-origin:0 0;z-index:4;border-radius:12px;width:250px;padding:10px;position:absolute;box-shadow:0 16px 42px #271f3238,0 0 0 3px #8b5cf612}.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:#fff;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{color:var(--dpai-violet-dark);background:#fff;border:1px solid #d8d1e3;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 #8b5cf617}.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:#9b3434;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:#fff0f0}.dpai-canvas-reviewInlineComment footer button[data-primary]{background:var(--dpai-violet);color:#fff;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;display:flex;position:absolute;top:26px;right:calc(100% + 8px)}.dpai-canvas-frameControlGroup,.dpai-canvas-viewportControlGroup,.dpai-canvas-feedbackControlGroup{background:#fffffff0;border:1px solid #d9d5dc;border-radius:999px;flex-direction:column;align-items:center;padding:4px;display:flex;box-shadow:0 8px 22px #2d273326}.dpai-canvas-frameControlGroup>button,.dpai-canvas-feedbackControlGroup>button,.dpai-canvas-viewportSwitch button{color:#77727c;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-feedbackControlGroup svg,.dpai-canvas-viewportSwitch svg{width:14px;height:14px}.dpai-canvas-frameControlGroup>button:hover,.dpai-canvas-feedbackControlGroup>button:hover{color:var(--dpai-ink);background:#f1eef3}.dpai-canvas-feedbackControlGroup>button[data-rating=like][aria-pressed=true]{color:#167250;background:#edf9f4}.dpai-canvas-feedbackControlGroup>button[data-rating=dislike][aria-pressed=true]{color:#a13333;background:#fff0f0}.dpai-canvas-feedbackControlGroup>button:disabled{cursor:default;opacity:.45}.dpai-canvas-pageActionHint{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);color:var(--dpai-ink);z-index:90;background:#fffffff0;border:1px solid #fff;border-radius:12px;align-items:flex-start;gap:10px;width:210px;padding:10px 10px 10px 12px;display:flex;position:absolute;top:126px;left:calc(100% + 10px);box-shadow:0 18px 42px #211a2924,inset 0 1px #fff}.dpai-canvas-pageActionHint:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:7px solid #fffffff0;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:#817b85;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{color:var(--dpai-ink);background:#2d27330d}.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:6px solid #0000;border-top:0;border-bottom:7px solid #fffffff0;inset:auto 15px 100% auto}.dpai-canvas-pageActionMenu{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);color:var(--dpai-ink);z-index:500;background:#fffffff0;border:1px solid #fff;border-radius:15px;width:226px;position:fixed;overflow:hidden;box-shadow:0 24px 64px #211a292e,0 4px 16px #211a291a,inset 0 1px #fff}.dpai-canvas-pageActionMenu:focus-visible{outline-offset:2px;outline:2px solid #a98cff}.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:#2d27330d;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:#b6403010}.dpai-canvas-pageActionMenuItem[data-separated=true]{margin-top:9px}.dpai-canvas-pageActionMenuItem[data-separated=true]:before{content:"";pointer-events:none;background:#2d273314;height:1px;position:absolute;top:-5px;left:0;right:0}.dpai-canvas-pageActionMenuIcon{color:#6f6975;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dpai-canvas-pageActionMenuItem[data-tone=caution] .dpai-canvas-pageActionMenuIcon{color:#a04438}.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:#2f6d51}.dpai-canvas-pageActionMenuItem strong{font:var(--dpai-weight-semibold) 12px/1.25 var(--dpai-font-sans);white-space:nowrap}.dpai-canvas-feedbackPopover{color:var(--dpai-ink);font-family:var(--dpai-font-sans);z-index:40;background:#fffffff8;border:1px solid #d9d5dc;border-radius:12px;gap:12px;width:270px;padding:13px;display:grid;position:absolute;top:calc(100% + 2px);right:calc(100% + 9px);box-shadow:0 16px 42px #2d27332b}.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{color:var(--dpai-ink);background:#f1eef3}.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{color:var(--dpai-ink);border-color:#b9a0f8}.dpai-canvas-feedbackCategories{border:0;gap:6px;margin:0;padding:0;display:grid}.dpai-canvas-feedbackCategories legend,.dpai-canvas-feedbackField>span{color:#625e66;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]{color:var(--dpai-violet-dark);background:#f0eaff;border-color:#b9a0f8}.dpai-canvas-feedbackField{gap:6px;display:grid}.dpai-canvas-feedbackField textarea{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;background:#fff;border-radius:8px;min-height:64px;padding:8px 9px}.dpai-canvas-feedbackField textarea:focus{border-color:var(--dpai-violet);outline:0;box-shadow:0 0 0 2px #8b5cf617}.dpai-canvas-feedbackError{color:#a13333;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:#fff}.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:#77727c}.dpai-canvas-viewportSwitch button:hover{color:var(--dpai-ink);background:#f1eef3}.dpai-canvas-viewportSwitch button[aria-pressed=true]{color:var(--dpai-violet);background:#f0eaff}.dpai-canvas-viewportSwitch button[aria-pressed=true]:hover{color:var(--dpai-violet-dark);background:#e9e0ff}.dpai-canvas-viewportSwitch button:after,.dpai-canvas-frameControlGroup>button[data-tooltip]:after,.dpai-canvas-feedbackControlGroup>button[data-tooltip]:after{background:var(--dpai-ink);color:#fff;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%;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,.dpai-canvas-feedbackControlGroup>button[data-tooltip]:hover:after,.dpai-canvas-feedbackControlGroup>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-frameNode[data-maximized=true] .dpai-canvas-viewportSwitch{flex-direction:row}.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-pickOutline{box-sizing:border-box;pointer-events:none;position:absolute}.dpai-canvas-hoverTarget{border:1px dashed var(--dpai-violet);background:0 0;border-radius:3px;animation:.14s cubic-bezier(.22,1,.36,1) target-lock}.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{color:#fff;cursor:pointer;font:500 12px/1 var(--dpai-font-sans);pointer-events:auto;background:#6876c9;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background-color .14s,box-shadow .14s,transform .14s;display:flex;position:absolute;box-shadow:0 0 0 1px #5c68b74d,0 3px 10px #36417c33}.dpai-canvas-pickMarker>button:hover{background:#5c68b7}.dpai-canvas-pickMarker>button[data-active=true]{box-shadow:0 0 0 2px white, 0 0 0 4px var(--dpai-violet), 0 4px 12px #36417c33}.dpai-canvas-pickMarker>button>img,.dpai-canvas-reviewTrailPin>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.dpai-canvas-noteComposer{border:1px solid var(--dpai-line);pointer-events:auto;transform-origin:0 0;z-index:80;background:#fff;border-radius:12px;width:240px;padding:10px;position:absolute;box-shadow:0 16px 38px #2d27332e}.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{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;background:#faf9fb;border-radius:8px;outline:none;width:100%;height:80px;padding:8px}.dpai-canvas-noteComposer textarea:focus{border-color:#b9a0f8;box-shadow:0 0 0 2px #8b5cf617}.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:#fff;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-offset:4px;outline:1px solid #8b5cf640}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)}}@media (prefers-reduced-motion:reduce){.dpai-canvas-frameNode,.dpai-canvas-frameSurface,.viewportMorph,.dpai-canvas-viewportSwitch svg{transition:none}.dpai-canvas-frameSelectionBurst,.dpai-canvas-hoverTarget,.dpai-canvas-pickOutline,.dpai-canvas-agentPageStatus i,.dpai-canvas-agentWorkingBorder:before{animation:none}.dpai-canvas-agentWorkingBorder:before{--dpai-generating-border-angle:305deg}}.dpai-canvas-toolPanel{margin:12px!important}.dpai-canvas-agentPreviewPanel{color:var(--dpai-ink);background:#fffffff2;border:1px solid #d8d3dc;border-radius:12px;width:232px;padding:10px;transition:border-color .18s,box-shadow .18s;box-shadow:0 10px 28px #2d273322;margin:12px!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%, #d8d3dc)}}.dpai-canvas-agentPreviewPanel[data-active=true]{box-shadow:0 10px 28px #2d273322,0 0 0 3px #8b5cf612}.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:#aaa4ae;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 #8b5cf617}.dpai-canvas-agentPreviewPanel>header small{color:#756f79;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;background:#f2eff4;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:#837d87;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{color:#3e3941;cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#f7f5f8;border:1px solid #ded9e1;border-radius:8px;outline:none;width:100%;max-width:100%;height:30px;padding:0 7px}.dpai-canvas-agentPreviewFields select:hover{border-color:#c6bfc9}.dpai-canvas-agentPreviewFields select:focus-visible{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #8b5cf61a}.dpai-canvas-agentPreviewPanel>footer{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.dpai-canvas-agentPreviewPanel>footer p{color:#8b858f;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:#8b5cf610}.dpai-canvas-agentPreviewPanel>footer button:focus-visible{outline:1px solid var(--dpai-violet);box-shadow:0 0 0 3px #8b5cf61a}.dpai-canvas-agentPreviewPanel>footer button:disabled{cursor:default;opacity:.35}.dpai-canvas-morphDock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffff8c;border:1px solid #d6d2da99;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;box-shadow:0 8px 24px #2d27331f}.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{color:var(--dpai-ink);cursor:pointer;background:#2d29300a;border:1px solid #d6d2da80;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .16s,transform .16s;display:flex}.dpai-canvas-morphDockTrigger:hover{background:#2d293017;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:#eee8ff;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{content:"";background:#2d2930;width:8px;height:8px;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,3px)rotate(45deg)}.dpai-canvas-moreMenu>button:after{color:#fff;content:attr(data-tooltip);font:var(--dpai-text-canvas)/var(--dpai-leading-compact) var(--dpai-font-mono);white-space:nowrap;background:#2d2930;border-radius:7px;padding:6px 8px;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,3px);box-shadow:0 6px 18px #2d27332e}.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:#6e6972;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{color:var(--dpai-ink);background:#f1eef3;gap:6px;width:82px}.dpai-canvas-quickModeDock>button[data-active=true]{background:var(--dpai-violet);color:#fff}.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:#716c75;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{color:var(--dpai-ink);background:#f1eef3}.dpai-canvas-workspaceModes>button[data-active=true]{color:var(--dpai-violet-dark);background:#eee8ff}.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:#6e6972;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:#fff}.dpai-canvas-canvasToolbar button:not([data-active=true]):hover{color:var(--dpai-ink);background:#f1eef3}.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:#fff;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:#fff}.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{color:var(--dpai-ink);background:#efecf1}.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{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;background:#eee8ff;border:0;border-radius:7px;height:28px;padding:0 8px}.dpai-canvas-copyPromptButton:hover:not(:disabled){background:#e4daff}.dpai-canvas-copyPromptButton:focus-visible{outline:1px solid var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf62b}.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:#f3efff;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:#fff;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:#ebe3ff}.dpai-canvas-commentCardTrigger:focus-visible{box-shadow:inset 0 0 0 1px var(--dpai-violet), 0 0 0 2px #8b5cf61f;outline:0}.dpai-canvas-commentQuickRemoveButton{color:#9a8191;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{color:#9b3434;background:#ffe8e8}.dpai-canvas-commentQuickRemoveButton:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #a34141}.dpai-canvas-commentQuickRemoveButton svg{width:12px;height:12px}.dpai-canvas-flowControls.react-flow__controls{border:1px solid var(--dpai-line);border-radius:9px;margin:12px;overflow:visible;box-shadow:0 4px 12px #2d27331c}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button{border-bottom-color:var(--dpai-line);background:#fffffff0;position:relative;overflow:visible}.dpai-canvas-flowControls.react-flow__controls .react-flow__controls-button:hover{background:#f4f1f6}.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{color:#fff;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;background:#2d2930;border-radius:7px;padding:6px 8px;transition:opacity .12s,transform .15s;position:absolute;top:50%;right:calc(100% + 9px);transform:translate(3px,-50%);box-shadow:0 6px 18px #2d27332e}.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-visualReviewPanel{pointer-events:auto;margin:76px 14px 14px!important}.dpai-canvas-visualReviewSidebar{background:#fff}@supports (color:color-mix(in lab, red, red)){.dpai-canvas-visualReviewSidebar{background:color-mix(in srgb, white 96%, var(--dpai-violet) 4%)}}.dpai-canvas-visualReviewSidebar{border:1px solid #ded9e3;border-radius:16px;width:min(330px,100vw - 28px);max-height:calc(100vh - 110px);display:grid;overflow:hidden;box-shadow:0 18px 50px #24162f1a,0 2px 8px #24162f0d}.dpai-canvas-visualReviewHeader,.dpai-canvas-visualReviewFooter{justify-content:space-between;align-items:center;display:flex}.dpai-canvas-visualReviewHeader{border-bottom:1px solid var(--dpai-line);padding:14px 14px 12px}.dpai-canvas-visualReviewHeader>div{gap:2px;display:grid}.dpai-canvas-visualReviewHeader strong{color:var(--dpai-ink);font-size:14px;line-height:1.15}.dpai-canvas-visualReviewHeader span,.dpai-canvas-visualReviewFooter>span{color:var(--dpai-muted);font-size:11px;font-weight:600}.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-visualReviewList{gap:7px;padding:10px;display:grid;overflow-y:auto}.dpai-canvas-visualReviewCard{border:1px solid var(--dpai-line);cursor:pointer;background:#fff;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:#c8bfda}.dpai-canvas-visualReviewCard[data-selected=true]{border-color:var(--dpai-violet);box-shadow:inset 0 0 0 1px #7c3aed24}.dpai-canvas-visualReviewCard[data-pending=true]{cursor:default}.dpai-canvas-visualReviewCard>input{accent-color:var(--dpai-violet)}.dpai-canvas-visualReviewCard>img{object-fit:cover;object-position:top;background:#f3f0f5;border-radius:7px;width:104px;height:64px}.dpai-canvas-visualReviewThumbnail{color:var(--dpai-muted);background:#f3f0f5;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]{color:#a13f52;background:#fff4f5}.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{color:#a13f52;cursor:pointer;opacity:0;background:#fff7f8;border:1px solid #f0d8de;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:#f9e9ed}.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{color:var(--dpai-violet);background:#f3edff;border:1px solid #dfd1ff;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}.dpai-canvas-visualReviewFooter{border-top:1px solid var(--dpai-line);gap:10px;padding:10px}.dpai-canvas-visualReviewFooter button{background:var(--dpai-violet);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.dpai-canvas-visualReviewFooter button:hover:not(:disabled){background:var(--dpai-violet-dark)}.dpai-canvas-visualReviewFooter button:disabled{cursor:default;opacity:.42}.dpai-canvas-visualReviewFooter button svg{width:13px;height:13px}.dpai-canvas-visualReviewFooter button[data-delete]{color:#a13f52;background:0 0;padding-inline:7px}.dpai-canvas-visualReviewFooter button[data-delete]:hover:not(:disabled){background:#f9e9ed}@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 #2d273318;border-radius:0 14px 14px 0!important}.dpai-canvas-designTrigger{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);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;background:#fffffff0;border:1px solid #d7d3da;border-radius:10px;align-items:center;gap:8px;width:112px;padding:6px 10px 6px 7px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 8px 24px #2d27331a}.dpai-canvas-designTrigger strong{font:inherit;text-rendering:geometricprecision}.dpai-canvas-designTrigger:hover{border-color:#c7bfd1;transform:translateY(-1px);box-shadow:0 10px 26px #2d273324}.dpai-canvas-designTrigger:focus-visible{outline:1px solid var(--dpai-violet);box-shadow:0 0 0 3px #8b5cf626,0 10px 26px #2d273324}.dpai-canvas-designTrigger[data-active=true]{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-8px)}.dpai-canvas-designTriggerMark{color:var(--dpai-violet-dark);background:#eee8ff;border:1px solid #ded3ff;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);pointer-events:auto;background:#fffffff0;border:1px solid #d7d3da;max-width:none;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 10px 28px #2d273322;border-radius:14px!important;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){color:var(--dpai-ink);background:#f1eef3;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 #8b5cf61c;outline:0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar>button[data-active=true]{background:var(--dpai-violet);color:#fff}.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{color:#fff;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;background:#2d2930;border-radius:7px;padding:6px 8px;transition:opacity .12s,transform .15s;position:absolute;top:50%;left:calc(100% + 9px);transform:translate(-3px,-50%);box-shadow:0 6px 18px #2d27332e}.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{color:var(--dpai-violet-dark);background:#eee8ff;border-radius:9px;width:36px;padding:0}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-canvasToolbar .dpai-canvas-reviewCopyButton:hover:not(:disabled){color:var(--dpai-violet-dark);background:#e4daff}.dpai-canvas-toolBadge{background:var(--dpai-violet);color:#fff;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);z-index:30;background:#fffffff5;border:1px solid #d7d3da;border-radius:14px;gap:5px;width:48px;padding:5px;display:grid;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 14px 38px #2d27332b,0 2px 8px #2d273312}.dpai-canvas-commentToolPaletteModes{flex-direction:column;align-items:center;gap:2px;display:flex}.dpai-canvas-commentToolPaletteModes button,.dpai-canvas-commentToolPaletteActions button{color:#5d5861;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){color:var(--dpai-ink);background:#f1eef3}.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 #8b5cf61c;outline:0}.dpai-canvas-commentToolPaletteModes button[data-active=true]{color:var(--dpai-violet-dark);background:#eee8ff}.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{color:var(--dpai-violet-dark);background:#eee8ff}.dpai-canvas-commentToolPaletteActions .dpai-canvas-toolBadge{top:-4px;right:-4px}.dpai-canvas-morphDock[data-layout=rail] .dpai-canvas-moreMenuRow{background:#fffffff7;border:1px solid #d7d3da;border-radius:12px;align-items:flex-start;width:206px;padding:5px;display:flex;position:absolute;bottom:0;left:calc(100% + 10px);box-shadow:0 12px 34px #2d27332b}.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;border:1px solid #d7d3da;border-radius:12px;width:min(368px,100vw - 104px);margin:0;padding:7px;position:absolute;top:86px;left:calc(100% + 10px);box-shadow:0 12px 34px #2d27332b}@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;min-height:0;max-height:calc(100% - 28px);display:flex;margin:14px!important}.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 #dcd7e1;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;width:min(350px,100vw - 28px);min-height:0;max-height:100%;display:grid;overflow:hidden;box-shadow:0 20px 56px #24162f1c,0 2px 8px #24162f0d}.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{color:var(--dpai-ink);background:#f1eef3}.dpai-canvas-commentSidebarHide:focus-visible{outline:0;box-shadow:0 0 0 2px #8b5cf633}.dpai-canvas-commentSidebarHide svg{width:14px;height:14px}.dpai-canvas-commentSidebarTriggerPanel.react-flow__panel{pointer-events:auto;z-index:32;margin:18px!important}.dpai-canvas-commentSidebarTrigger.dpai-canvas-designTrigger{width:124px}.dpai-canvas-commentPresenceAvatar{color:#fff;font:500 12px/1 var(--dpai-font-sans);background:#6876c9;border:3px solid #fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:0 0 0 1px #5c68b74d,0 3px 9px #36417c29}.dpai-canvas-commentPresenceAvatar>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.dpai-canvas-commentSidebarList{scrollbar-color:#cfc8d8 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:#f0edf2;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{color:#2f7658;background:#f2faf6;border-color:#d5eadf}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewItemDelete:hover{background:#e7f5ed}.dpai-canvas-commentSidebar .dpai-canvas-visualReviewEmpty{min-height:190px}.dpai-canvas-commentSidebarCard{border:1px solid var(--dpai-line);background:#fff;border-radius:12px;transition:border-color .14s,box-shadow .16s;overflow:hidden}.dpai-canvas-commentSidebarCard:hover{border-color:#c8bfda}.dpai-canvas-commentSidebarCard[data-active=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf617}.dpai-canvas-commentSidebarCard[data-selected=true]{border-color:#b8a5e8;box-shadow:inset 0 0 0 1px #7c3aed1f}.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:#4d4850;overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;line-height:1.42}.dpai-canvas-commentSidebarCardCopy p[data-placeholder]{color:#9a959d;font-style:italic}.dpai-canvas-commentSidebarDelete{color:#4f806b;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{color:#246b4d;background:#edf8f2}.dpai-canvas-commentSidebarDelete:focus-visible{outline:1px solid #2f7d5c}.dpai-canvas-commentSidebarDelete svg{width:13px;height:13px}.dpai-canvas-commentSidebarEditor{border-top:1px solid #eeeaf0;gap:8px;padding:10px;display:grid}.dpai-canvas-commentSidebarEditor textarea{color:var(--dpai-ink);font:12px/1.45 var(--dpai-font-sans);resize:vertical;background:#fbfafc;border:1px solid #d8d1df;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 #8b5cf617}.dpai-canvas-commentSidebarEditor>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.dpai-canvas-commentSidebarEditor>div>small{color:#918b94;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{color:var(--dpai-ink);background:#f1eef3}.dpai-canvas-commentSidebarEditor button:last-child,.dpai-canvas-commentSidebarFooter button{background:var(--dpai-violet);color:#fff}.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{color:#2f7658;background:#f2faf6}.dpai-canvas-commentSidebarFooter .dpai-canvas-commentSidebarResolveAll:hover:not(:disabled){background:#e7f5ed}@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!important}.dpai-canvas-commentSidebarTrigger.dpai-canvas-designTrigger{width:116px}.dpai-canvas-commentSidebarEditor>div>small{display:none}}@media (prefers-reduced-motion:reduce){.dpai-canvas-commentSidebarCard,.dpai-canvas-commentSidebarDelete{transition:none}}.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;border:0;border-radius:0;animation:.24s cubic-bezier(.22,1,.36,1) both panel-enter;position:absolute;inset:0 auto 0 0;overflow:visible;box-shadow:12px 0 32px #2d273314}.dpai-design-drawerContent{border-right:1px solid var(--dpai-line);background:#fff;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 #2d27331c}.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{content:"";opacity:.55;background:#c8c1cf;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{border-bottom:1px solid var(--dpai-line);min-height:var(--dpai-navbar-height);background:#fff;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{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;background:#eee8ff;border:1px solid #ded3ff;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:#f2eff4}.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:#f0eef1;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.1rem;margin:.55rem .8rem 0;padding:.15rem;display:grid}.dpai-design-menuTabs>button{color:#77717b;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{color:var(--dpai-ink);background:#ffffff80}.dpai-design-menuTabs>button[data-active=true]{color:var(--dpai-ink);background:#fff;border-color:#d7d2da;box-shadow:0 1px 2px #2d273312,inset 0 1px #fff}.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{overscroll-behavior:contain;scrollbar-color:#c7c2ca transparent;scrollbar-width:thin;background:#faf9fb;flex-direction:column;flex:1;min-height:0;padding:.9rem .8rem;display:flex;overflow:auto}.dpai-design-pagePanel::-webkit-scrollbar{width:.45rem}.dpai-design-pagePanel::-webkit-scrollbar-track{background:0 0}.dpai-design-pagePanel::-webkit-scrollbar-thumb{background:#c7c2ca padding-box padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-pagePanelHeader{justify-content:space-between;align-items:center;margin-bottom:.7rem;padding:0 .15rem;display:flex}.dpai-design-pagePanelHeader>div{gap:.15rem;display:grid}.dpai-design-pagePanelHeader strong{font-size:var(--dpai-text-label);letter-spacing:var(--dpai-tracking-title)}.dpai-design-pagePanelHeader span{color:#8a848d;font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-design-pagePanelHeader>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;border-radius:.5rem;min-height:2rem;padding:.45rem .55rem;transition:background-color .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1)}.dpai-design-pagePanelHeader>button:hover{background:#eee8ff}.dpai-design-pagePanelHeader>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:1px}.dpai-design-pagePanelHeader>button:active{transform:scale(.96)}.dpai-design-pageList{gap:.45rem;display:grid}.dpai-design-pageItem{background:#fff;border:1px solid #ded9e1;border-radius:.72rem;align-items:stretch;min-width:0;transition:border-color .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden;box-shadow:0 1px 2px #2d27330a}.dpai-design-pageItem:hover{border-color:#c7bfd1;box-shadow:0 4px 12px #2d27330f}.dpai-design-pageItem[data-active=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf617}.dpai-design-pageItem[data-hidden=true]{box-shadow:none;background:#f5f3f6;border-color:#e2dee4}.dpai-design-pageSelect{color:var(--dpai-ink);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.65rem;min-width:0;min-height:3.6rem;padding:.58rem .45rem .58rem .62rem;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);background:#eee8ff;border:1px solid #ded3ff;border-radius:.48rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dpai-design-pageIcon svg{width:.95rem;height:.95rem}.dpai-design-pageItem[data-hidden=true] .dpai-design-pageIcon{color:#8d8790;background:#ebe8ed;border-color:#ddd8df}.dpai-design-pageCopy{flex:1;gap:.16rem;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-label);font-weight:var(--dpai-weight-semibold)}.dpai-design-pageCopy small{color:#89838c;font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono)}.dpai-design-pageItem[data-hidden=true] .dpai-design-pageCopy{color:#77717a}.dpai-design-pageStatus{color:#6f6972;font:var(--dpai-weight-semibold) .625rem/1 var(--dpai-font-sans);background:#ece9ee;border-radius:999px;padding:.3rem .42rem}.dpai-design-pageVisibility{color:#77717a;cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex:none;justify-content:center;align-self:center;align-items:center;width:2.1rem;height:2.1rem;margin-right:.45rem;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){color:var(--dpai-violet-dark);background:#eee8ff}.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}.dpai-design-pageEmpty{color:#817b84;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{border-bottom:1px solid var(--dpai-line);background:#fffffff0;grid-template-columns:1fr 1fr;padding:0 .8rem;display:grid}.dpai-design-libraryTabs>button{color:#77717b;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{color:#736e77;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#f0edf2;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:#c7c2ca 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:#c7c2ca padding-box 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:#89838d;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{color:#247651;font:normal var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);white-space:nowrap;background:#eefaf4;border:1px solid #ccebdc;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:#fff;border:1px solid #dcd7df;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 #8b5cf617}.dpai-design-searchField>svg{color:#77717b;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:#aaa4ad}.dpai-design-searchField input::-webkit-search-cancel-button{display:none}.dpai-design-searchField kbd{color:#858087;font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#f3f0f4;border:1px solid #e0dce2;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{color:#746e78;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 #dcd7df;border-radius:999px;flex:none;height:1.75rem;padding:0 .62rem}.dpai-design-categoryRail>button:hover{color:var(--dpai-ink);background:#fff;border-color:#c8c1cb}.dpai-design-categoryRail>button[data-active=true]{background:var(--dpai-ink);border-color:var(--dpai-ink);color:#fff}.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:#9a949e;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{border:1px solid var(--dpai-line);color:var(--dpai-ink);cursor:pointer;text-align:left;background:#fff;border-radius:.75rem;min-width:0;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;overflow:hidden}.dpai-design-componentCard:hover{border-color:#c8c1cb;transform:translateY(-1px);box-shadow:0 8px 18px #2d273312}.dpai-design-componentCard[data-selected=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf617}.dpai-design-componentCard:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-design-previewStage{background-color:#f7f5f8;border-bottom:1px solid #ebe7ed;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:#8b858e;font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-compact);display:block}.dpai-design-componentMeta>i{color:#736d76;font:normal var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#f0edf2;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 #eeeaf0;gap:.28rem;padding:.48rem .55rem;display:flex;overflow:hidden}.dpai-design-storyVariants small{color:var(--dpai-violet-dark);font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#eee8ff;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{color:var(--dpai-ink);cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#fff;border:1px solid #d8d2db;border-radius:.5rem;padding:.55rem .7rem}.dpai-design-componentEmpty>button:hover{border-color:var(--dpai-violet);color:var(--dpai-violet-dark)}.dpai-design-emptyArtwork{background-color:#f8f6fb;border:1px solid #ded8e5;border-radius:.85rem;width:9.6rem;height:5.8rem;position:relative;box-shadow:0 5px 14px #2d273310}.dpai-design-emptyArtworkType,.dpai-design-emptyArtworkSwatches,.dpai-design-emptyArtworkComponent{background:#fff;border:1px solid #d8d2de;position:absolute;box-shadow:0 2px 5px #2d27330d}.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:#262229}.dpai-design-emptyArtworkComponent{border-radius:.5rem;gap:.35rem;width:3.9rem;padding:.5rem;display:grid;bottom:.7rem;right:.7rem}.dpai-design-emptyArtworkComponent i{background:#d8d2de;border-radius:999px;width:100%;height:.28rem}.dpai-design-emptyArtworkComponent i:last-child{background:#eee8ff;border:1px solid #ddd2ff;border-radius:.35rem;width:2.2rem;height:.8rem}.dpai-design-emptyHint{text-align:left;background:#f7f5f8;border:1px solid #e0dbe3;border-radius:.65rem;gap:.35rem;width:100%;max-width:30rem;margin-top:.35rem;padding:.72rem .8rem;display:grid}.dpai-design-emptyHint>span{color:#817b84;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:#4f4953;font:var(--dpai-text-caption)/var(--dpai-leading-relaxed) var(--dpai-font-mono);overflow-wrap:anywhere}.dpai-design-emptySearchIcon{color:#77717b;background:#f4f1f6;border:1px solid #ded8e2;border-radius:.7rem;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{color:#fff;background:#19171c;border-radius:.75rem;align-items:center;gap:.7rem;margin-top:1rem;padding:.75rem;display:flex}.dpai-design-integrationNote>span{color:#bca1fb;background:#8b5cf626;border:1px solid #a984fa42;border-radius:.55rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.dpai-design-integrationNote svg{width:.95rem;height:.95rem}.dpai-design-integrationNote p{color:#aaa4ae;font-size:var(--dpai-text-caption);line-height:var(--dpai-leading-relaxed);margin:0}.dpai-design-integrationNote strong{color:#fff;font-size:var(--dpai-text-label);margin-bottom:.12rem;display:block}.dpai-design-integrationNote code{color:#c8b6fc;font:inherit}.dpai-design-buttonPreview{background:var(--dpai-violet);color:#fff;font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold);border-radius:.5rem;padding:.58rem .72rem;box-shadow:0 6px 13px #5b21b62b}.dpai-design-iconButtonPreview{background:#fff;border:1px solid #d8d3da;border-radius:.55rem;justify-content:center;align-items:center;gap:.17rem;width:2.1rem;height:2.1rem;display:flex}.dpai-design-iconButtonPreview i{background:#69636c;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:#716b75;font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold)}.dpai-design-fieldPreview i,.dpai-design-selectPreview i{color:#474149;font:normal var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#fff;border:1px solid #d6d0d9;border-radius:.42rem;padding:.55rem}.dpai-design-selectPreview i{justify-content:space-between;display:flex}.dpai-design-selectPreview b{color:#88818a;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:#fff;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:#514b54;font-size:var(--dpai-text-preview);font-weight:var(--dpai-weight-semibold)}.dpai-design-tabsPreview{background:#fff;border:1px solid #dfdae1;border-radius:.5rem;align-items:flex-end;gap:.65rem;padding:0 .55rem;display:flex}.dpai-design-tabsPreview i{color:#8b858d;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{color:#247651;font:normal var(--dpai-weight-semibold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#dff7eb;border:1px solid #bfe8d3;border-radius:999px;padding:.34rem .43rem}.dpai-design-badgePreview i+i{color:#6f6972;background:#ede9ef;border-color:#d9d3dc}.dpai-design-avatarPreview{padding-left:.6rem;display:flex}.dpai-design-avatarPreview i{color:#fff;font:normal var(--dpai-weight-semibold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#262229;border:2px solid #f7f5f8;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){color:#5b555e;background:#dad4dd}.dpai-design-productPreview{background:#fff;border:1px solid #ded9e1;border-radius:.5rem;width:6.5rem;display:grid;overflow:hidden}.dpai-design-productPreview>i{background:linear-gradient(135deg,#d9d2e9,#a995d9);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:#89828b;font-size:var(--dpai-text-preview)}.dpai-design-alertPreview,.dpai-design-toastPreview{background:#fff7df;border:1px solid #f0d997;border-radius:.5rem;align-items:center;gap:.45rem;width:100%;padding:.55rem;display:flex}.dpai-design-alertPreview>i,.dpai-design-toastPreview>i{color:#fff;font:normal var(--dpai-weight-bold) var(--dpai-text-preview)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#e7a719;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:#8b7440;font-size:var(--dpai-text-preview)}.dpai-design-toastPreview{color:#fff;background:#242127;border-color:#242127;box-shadow:0 6px 15px #24212729}.dpai-design-toastPreview>i{background:var(--dpai-signal);color:#143c2c}.dpai-design-toastPreview small{color:#aaa4ad}.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{overscroll-behavior:contain;scrollbar-color:#c7c2ca transparent;scrollbar-width:thin;background:#fff;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:#c7c2ca padding-box 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:#fff;border-color:#ddd9e0;border-radius:.8rem;height:2.25rem;padding-inline:.72rem;box-shadow:0 1px 2px #2d27330d}.dpai-design-searchWrap .dpai-design-searchField:focus-within{box-shadow:0 0 0 3px #8b5cf61c,0 1px 2px #2d27330d}.dpai-design-searchWrap+.dpai-design-catalogGroup{margin-top:.65rem}.dpai-design-catalogGroup+.dpai-design-catalogGroup{margin-top:1.2rem}.dpai-design-catalogGroup>p{color:#817b84;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 #e7e3e9}.dpai-design-accordionItem:last-child{border-bottom:1px solid #e7e3e9}.dpai-design-accordionItem>button{color:#48434b;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:#99939c;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{color:#817b84;font:var(--dpai-weight-semibold) var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#f1eef3;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{background:0 0;border-top:1px solid #e7e3e9;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 #ece8ee;padding-top:1rem}.dpai-design-componentThumb{background:#faf9fb;border:1px solid #ece8ee;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:#8b858e;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:#c7c2ca 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:#c7c2ca padding-box padding-box;border:2px solid #0000;border-radius:999px}.dpai-design-panelBody::-webkit-scrollbar-thumb:hover{background:#aaa4af padding-box padding-box}.dpai-design-typeCard{background:#fff;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:#d7cdf8;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:#8b8c8f;font:var(--dpai-text-label)/var(--dpai-leading-relaxed) var(--dpai-font-mono);margin:.55rem 0 0}.dpai-design-typeSystems p b{color:#252126;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{text-align:center;background:#f0edf7;border-top:1px solid #ded8eb;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:#fff;margin:-.6rem;padding:.8rem}.dpai-design-swatchGrid{grid-template-columns:1fr;gap:.7rem;display:grid}.dpai-design-swatch{border:1px solid #0000000c;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:#f7f7f4}.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:#fff;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:#949598;font-size:var(--dpai-text-label);justify-self:end}.dpai-design-sectionMark{color:var(--dpai-violet-dark);font:var(--dpai-weight-semibold) var(--dpai-text-label)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#eee8ff;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:#f7f5f8;border:1px solid #ded9e1;border-radius:1rem;min-width:0;padding:.8rem}.dpai-design-factGrid span{color:#7c7e81;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-top:1px solid #ded8eb;border-left:0}.dpai-design-swatchGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.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-layout-signalRail{z-index:20;align-items:center;display:flex;position:absolute;top:26px;left:calc(100% + 8px)}.dpai-layout-signalControl{background:#fffffff0;border:1px solid #d9d5dc;border-radius:999px;align-items:center;padding:4px;display:flex;box-shadow:0 8px 22px #2d273326}.dpai-layout-signalControl>button{color:var(--dpai-violet);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .16s,color .16s,box-shadow .16s;display:flex;position:relative}.dpai-layout-signalControl>button:hover{color:var(--dpai-ink);background:#f1eef3}.dpai-layout-signalControl>button:focus-visible{outline:2px solid var(--dpai-violet);outline-offset:2px}.dpai-layout-signalControl>button[data-active=true]{background:var(--dpai-violet);box-shadow:0 0 0 4px var(--dpai-violet)}@supports (color:color-mix(in lab, red, red)){.dpai-layout-signalControl>button[data-active=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--dpai-violet) 14%, transparent)}}.dpai-layout-signalControl>button[data-active=true]{color:#fff}.dpai-layout-signalControl svg{width:14px;height:14px}.dpai-canvas-frameNode[data-maximized=true] .dpai-layout-signalRail{top:58px;left:auto;right:16px;transform:none!important}.dpai-layout-panel{border:1px solid var(--dpai-line);color:var(--dpai-ink);bottom:1.5rem;right:1.5rem;top:calc(var(--dpai-navbar-height) + 1.5rem);z-index:61;background:#fff;border-radius:1.1rem;flex-direction:column;width:clamp(21rem,27vw,25rem);animation:.24s cubic-bezier(.22,1,.36,1) both dpai-layout-panel-enter;display:flex;position:fixed;overflow:hidden;box-shadow:0 28px 76px #2d27333d,inset 0 0 0 1px #fffc}.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{border-bottom:1px solid var(--dpai-line);background:#fff;justify-content:space-between;align-items:center;min-height:3.5rem;padding:.7rem .8rem .7rem 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{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;background:#eee8ff;border:1px solid #ded3ff;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:#f2eff4}.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{overscroll-behavior:contain;scrollbar-color:#c7c2ca transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 14px;overflow-y:auto}.dpai-layout-libraryControls{z-index:3;background:#fff;padding:12px 0 9px;position:sticky;top:0}.dpai-layout-searchField{background:#fff;border:1px solid #dcd7df;border-radius:10px;align-items:center;height:40px;padding:0 10px;display:flex}.dpai-layout-searchField:focus-within{border-color:var(--dpai-violet);box-shadow:0 0 0 3px #8b5cf617}.dpai-layout-searchField>svg{color:#77717b;flex:none;width:15px;height:15px}.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 8px}.dpai-layout-searchField input::placeholder{color:#aaa4ad}.dpai-layout-searchField input::-webkit-search-cancel-button{display:none}.dpai-layout-searchField kbd{color:#858087;font:var(--dpai-text-caption)/var(--dpai-leading-solid) var(--dpai-font-mono);background:#f3f0f4;border:1px solid #e0dce2;border-radius:5px;padding:4px 5px}.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{color:#746e78;cursor:pointer;font:var(--dpai-weight-semibold) var(--dpai-text-canvas)/var(--dpai-leading-solid) var(--dpai-font-sans);background:#fff;border:1px solid #dcd7df;border-radius:999px;flex:none;height:28px;padding:0 10px}.dpai-layout-categoryRail>button:hover{color:var(--dpai-ink);border-color:#c8c1cb}.dpai-layout-categoryRail>button[data-active=true]{background:var(--dpai-ink);border-color:var(--dpai-ink);color:#fff}.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:#8b858f;font-size:10px}.dpai-layout-cardList{gap:12px;display:grid}.dpai-layout-card{background:#fff;border:1px solid #ded9e2;border-radius:14px;transition:border-color .16s,box-shadow .16s,transform .18s;overflow:hidden}.dpai-layout-card:hover{border-color:#c9bfda;transform:translateY(-1px);box-shadow:0 12px 30px #24162f12}.dpai-layout-card[data-pending=true]{border-color:var(--dpai-violet);box-shadow:0 0 0 2px #8b5cf61f}.dpai-layout-structurePreview,.dpai-layout-livePreview{aspect-ratio:452/281;background:#f3f2f5;border-bottom:1px solid #e6e2e8;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{color:#fff;font:var(--dpai-weight-semibold) 9px/1 var(--dpai-font-mono);text-transform:uppercase;background:#25212acc;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{opacity:.44;background-image:linear-gradient(#dedbe2 1px,#0000 1px),linear-gradient(90deg,#dedbe2 1px,#0000 1px);background-size:28px 28px;inset:0}.dpai-layout-structurePreview:after{border:1px solid #ded9e2;border-radius:8px;inset:18px 20px}.dpai-layout-structurePreview i{z-index:1;background:#d5d1d9;border-radius:999px;display:block;position:absolute}.dpai-layout-structurePreview [data-part=top]{background:#fff;border:1px solid #ddd9e1;border-radius:7px 7px 0 0;height:25px;top:19px;left:21px;right:21px}.dpai-layout-structurePreview [data-part=title]{background:#3a3540;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:#e5ddff;border:1px solid #cfc0f7;border-radius:8px;width:42%;top:61px;bottom:42px;right:40px}.dpai-layout-structurePreview [data-part^=card-]{background:#fff;border:1px solid #d9d5dd;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:#eeeaf0;border:1px solid #ddd8e1;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:#302b35;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:#fff;border:1px solid #d9d5dd;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:#fff;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;height:29px;padding:0 10px}.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-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{color:#716b75;font:9px/1 var(--dpai-font-mono);background:#f2eff4;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{color:var(--dpai-violet-dark);background:#f1ebff;border:1px solid #dfd1ff;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{color:var(--dpai-ink);cursor:pointer;font-size:11px;font-weight:var(--dpai-weight-semibold);background:#fff;border:1px solid #d8d2dc;border-radius:8px;height:31px;padding:0 11px}.dpai-layout-emptyState button:hover{border-color:var(--dpai-violet);color:var(--dpai-violet-dark)}@keyframes dpai-layout-panel-enter{0%{opacity:0;transform:translate(18px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes dpai-layout-panel-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(14px)scale(.99)}}@media (width<=760px){.dpai-layout-panel{border-radius:17px 17px 0 0;width:100%;max-height:min(78vh,680px);inset:auto 0 0}}@media (prefers-reduced-motion:reduce){.dpai-layout-signalControl>button,.dpai-layout-panel,.dpai-layout-panel[data-closing=true],.dpai-layout-card{transition:none;animation:none}}}@layer utilities{.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-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(100\%\+0\.65rem\)\]{top:calc(100% + .65rem)}.top-navbar{top:var(--spacing-navbar)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-\[9\.22rem\]{left:9.22rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[100\]{z-index:100}.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}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-10{margin-top:calc(var(--spacing) * 10)}.mb-0{margin-bottom:0}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.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-\[5\.5rem\]{margin-bottom:5.5rem}.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}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.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-52{height:calc(var(--spacing) * 52)}.h-\[17\.1rem\]{height:17.1rem}.h-\[44rem\]{height:44rem}.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}.h-full{height:100%}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.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-20{min-height:calc(var(--spacing) * 20)}.min-h-\[3\.75rem\]{min-height:3.75rem}.min-h-\[4\.1rem\]{min-height:4.1rem}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-72{width:calc(var(--spacing) * 72)}.w-\[17rem\]{width:17rem}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-\[20rem\]{max-width:20rem}.max-w-\[31rem\]{max-width:31rem}.max-w-\[32rem\]{max-width:32rem}.max-w-\[42rem\]{max-width:42rem}.max-w-\[46rem\]{max-width:46rem}.max-w-\[48rem\]{max-width:48rem}.max-w-\[50rem\]{max-width:50rem}.max-w-\[68rem\]{max-width:68rem}.max-w-\[75rem\]{max-width:75rem}.max-w-\[76rem\]{max-width:76rem}.max-w-\[80rem\]{max-width:80rem}.max-w-\[82\.625rem\]{max-width:82.625rem}.max-w-\[86rem\]{max-width:86rem}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[58rem\]{min-width:58rem}.min-w-\[68rem\]{min-width:68rem}.min-w-\[74rem\]{min-width:74rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[8rem_minmax\(0\,1fr\)\]{grid-template-columns:8rem minmax(0,1fr)}.grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(22rem\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(22rem,.65fr)}.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}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.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}.gap-\[clamp\(3rem\,5vw\,5\.5rem\)\]{gap:clamp(3rem,5vw,5.5rem)}.gap-px{gap:1px}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[0\.5rem\]{border-radius:.5rem}.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\.25rem\]{border-radius:.25rem}.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-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[22px\]{border-radius:22px}.rounded-\[26px\]{border-radius:26px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#232126\]\/10{border-color:oklab(25.2016% .0054106 -.00808455/.1)}.border-\[\#a78bfa\]{border-color:#a78bfa}.border-\[\#cbc7d0\]{border-color:#cbc7d0}.border-\[\#d6d5d8\]{border-color:#d6d5d8}.border-\[\#d9d9dc\]{border-color:#d9d9dc}.border-\[\#dedbe2\]{border-color:#dedbe2}.border-\[\#dedee1\]{border-color:#dedee1}.border-\[\#efb6b2\]{border-color:#efb6b2}.border-dpai-danger\/20{border-color:#dc454533}@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\/20{border-color:#3b82f633}@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-line{border-color:var(--color-dpai-line)}.border-dpai-positive\/20{border-color:#16865c33}@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\/15{border-color:#8b5cf626}@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:#8b5cf633}@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:#8b5cf640}@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-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)}}.bg-\[\#232126\]\/78{background-color:oklab(25.2016% .0054106 -.00808455/.78)}.bg-\[\#d75b52\]{background-color:#d75b52}.bg-\[\#e9e3f3\]{background-color:#e9e3f3}.bg-\[\#ede9fe\]{background-color:#ede9fe}.bg-\[\#eeedf0\]{background-color:#eeedf0}.bg-\[\#f1ecff\]{background-color:#f1ecff}.bg-\[\#f1f0f3\]{background-color:#f1f0f3}.bg-\[\#f2f2f3\]{background-color:#f2f2f3}.bg-\[\#f6f6f6\]{background-color:#f6f6f6}.bg-\[\#f7f6f9\]{background-color:#f7f6f9}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#fff5f4\]{background-color:#fff5f4}.bg-dpai-danger\/5{background-color:#dc45450d}@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:#dc45451a}@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\/10{background-color:#3b82f61a}@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\/20{background-color:#23212633}@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-line{background-color:var(--color-dpai-line)}.bg-dpai-paper{background-color:var(--color-dpai-paper)}.bg-dpai-paper\/70{background-color:#f7f6f9b3}@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\/5{background-color:#16865c0d}@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:#16865c1a}@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-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\/5{background-color:#8b5cf60d}@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:#8b5cf614}@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:#8b5cf61a}@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-transparent{background-color:#0000}.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\/\[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-\[linear-gradient\(110deg\,\#e8e7ea_30\%\,\#f3f2f5_45\%\,\#e8e7ea_60\%\)\]{background-image:linear-gradient(110deg,#e8e7ea 30%,#f3f2f5 45%,#e8e7ea 60%)}.bg-\[length\:220\%_100\%\]{background-size:220% 100%}.fill-none{fill:none}.stroke-dpai-muted{stroke:var(--color-dpai-muted)}.stroke-\[1\.7\]{stroke-width:1.7px}.p-0{padding:0}.p-1{padding:var(--spacing)}.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-8{padding:calc(var(--spacing) * 8)}.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)}.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-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[5\.25rem\]{padding-top:5.25rem}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.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-9{padding-bottom:calc(var(--spacing) * 9)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-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-sm{font-size:var(--text-dpai-body-sm);line-height:var(--tw-leading,var(--text-dpai-body-sm--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-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--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\.55rem\]{font-size:.55rem}.text-\[0\.56rem\]{font-size:.56rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[clamp\(1\.65rem\,3vw\,2\.25rem\)\]{font-size:clamp(1.65rem,3vw,2.25rem)}.text-\[clamp\(2\.35rem\,4vw\,3\.25rem\)\]{font-size:clamp(2.35rem,4vw,3.25rem)}.text-\[clamp\(2rem\,3vw\,2\.35rem\)\]{font-size:clamp(2rem,3vw,2.35rem)}.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-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.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\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.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)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#9b2c25\]{color:#9b2c25}.text-\[\#77747b\]{color:#77747b}.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:#232126cc}@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-muted{color:var(--color-dpai-muted)}.text-dpai-muted\/65{color:#747078a6}@supports (color:color-mix(in lab, red, red)){.text-dpai-muted\/65{color:color-mix(in oklab, var(--color-dpai-muted) 65%, transparent)}}.text-dpai-muted\/70{color:#747078b3}@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-violet{color:var(--color-dpai-violet)}.text-dpai-violet-dark{color:var(--color-dpai-violet-dark)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.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-\[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_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_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_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\)\,0_1\.5rem_4rem_rgba\(69\,54\,93\,0\.07\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#23212608), 0 1.5rem 4rem var(--tw-shadow-color,#45365d12);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_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\.17\)\]{--tw-shadow: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,#3b304e2b);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\.16\)\]{--tw-shadow:0 1rem 3rem var(--tw-shadow-color,#23212629);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_0\.35rem_rgba\(139\,92\,246\,0\.07\)\]{--tw-shadow:inset 0 0 0 .35rem var(--tw-shadow-color,#8b5cf612);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_1px_0_\#ffffff70\,inset_0_-2px_0_\#0000001f\,0_2px_6px_\#6d28d930\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff70), inset 0 -2px 0 var(--tw-shadow-color,#0000001f), 0 2px 6px var(--tw-shadow-color,#6d28d930);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_rgba\(255\,255\,255\,0\.35\)\,0_2px_6px_rgba\(69\,54\,93\,0\.14\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff59), 0 2px 6px var(--tw-shadow-color,#45365d24);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-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{--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)}.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,)}.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-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-\[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\,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-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-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.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}.\[--card-clip-handle\:2\.25px\]{--card-clip-handle:2.25px}.\[--card-clip-radius\:12px\]{--card-clip-radius:12px}.\[--card-clip-radius\:14px\]{--card-clip-radius:14px}.\[clip-path\:var\(--card-clip-path\)\]{clip-path:var(--card-clip-path)}.\[corner-shape\:squircle\]{corner-shape:squircle}.placeholder\:text-\[\#8f8a93\]::placeholder{color:#8f8a93}.placeholder\:text-dpai-muted\/75::placeholder{color:#747078bf}@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)}}.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\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-dpai-line:before{content:var(--tw-content);background-color:var(--color-dpai-line)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:size-3\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.after\:rotate-45:after{content:var(--tw-content);rotate:45deg}.after\:rounded-\[0\.2rem\]:after{content:var(--tw-content);border-radius:.2rem}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-dpai-violet\/40:after{content:var(--tw-content);border-color:#8b5cf666}@supports (color:color-mix(in lab, red, red)){.after\:border-dpai-violet\/40:after{border-color:color-mix(in oklab, var(--color-dpai-violet) 40%, transparent)}}.after\:bg-dpai-violet:after{content:var(--tw-content);background-color:var(--color-dpai-violet)}.after\:bg-dpai-violet\/12:after{content:var(--tw-content);background-color:#8b5cf61f}@supports (color:color-mix(in lab, red, red)){.after\:bg-dpai-violet\/12:after{background-color:color-mix(in oklab, var(--color-dpai-violet) 12%, transparent)}}.after\:shadow-\[0\.42rem_-0\.42rem_0_rgba\(91\,33\,182\,0\.22\)\,-0\.42rem_0\.42rem_0_rgba\(167\,139\,250\,0\.55\)\]:after{content:var(--tw-content);--tw-shadow:.42rem -.42rem 0 var(--tw-shadow-color,#5b21b638), -.42rem .42rem 0 var(--tw-shadow-color,#a78bfa8c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.after\:content-\[\"_\"\]:after{--tw-content:" ";content:var(--tw-content)}.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:#8b5cf680}@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\/10:focus-within{--tw-ring-color:#8b5cf61a}@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-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#b9acd8\]:hover{border-color:#b9acd8}.hover\:border-\[\#d2c7e9\]:hover{border-color:#d2c7e9}.hover\:border-dpai-violet\/30:hover{border-color:#8b5cf64d}@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\:bg-\[\#353139\]:hover{background-color:#353139}.hover\:bg-\[\#f7f6f9\]:hover{background-color:#f7f6f9}.hover\:bg-\[\#faf8ff\]:hover{background-color:#faf8ff}.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\/5:hover{background-color:#8b5cf60d}@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\/14:hover{background-color:#8b5cf624}@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\/\[0\.025\]:hover{background-color:#8b5cf606}@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\: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)}}.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\/50:focus{border-color:#8b5cf680}@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-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.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}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.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)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media not all and (width>=1100px){.max-\[1100px\]\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(19rem\,0\.85fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr)}}@media not all and (width>=1080px){.max-\[1080px\]\:h-\[38rem\]{height:38rem}}@media not all and (width>=900px){.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))}.max-\[900px\]\:gap-10{gap:calc(var(--spacing) * 10)}.max-\[900px\]\:pt-0{padding-top:0}}@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\]\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.max-\[760px\]\:h-\[31rem\]{height:31rem}.max-\[760px\]\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.max-\[760px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[760px\]\:rounded-lg{border-radius:var(--radius-lg)}.max-\[760px\]\:pt-14{padding-top:calc(var(--spacing) * 14)}.max-\[760px\]\:pb-16{padding-bottom:calc(var(--spacing) * 16)}}@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>=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\]\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.max-\[640px\]\:pt-8{padding-top:calc(var(--spacing) * 8)}.max-\[640px\]\:pt-9{padding-top:calc(var(--spacing) * 9)}.max-\[640px\]\:pb-16{padding-bottom:calc(var(--spacing) * 16)}}@media not all and (width>=600px){.max-\[600px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[600px\]\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}@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%}}@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>=430px){.max-\[430px\]\:h-\[28rem\]{height:28rem}}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-9{gap:calc(var(--spacing) * 9)}.sm\:rounded-\[1\.5rem\]{border-radius:1.5rem}.sm\:rounded-\[1\.25rem\]{border-radius:1.25rem}.sm\:rounded-\[44px\]{border-radius:44px}.sm\:rounded-\[50px\]{border-radius:50px}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.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\:py-8{padding-block:calc(var(--spacing) * 8)}.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}.sm\:\[--card-clip-radius\:17px\]{--card-clip-radius:17px}.sm\:\[--card-clip-radius\:20px\]{--card-clip-radius:20px}}@media (width>=48rem){.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\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}@media (width>=80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,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}}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_dd\]\:m-0 dd{margin:0}.\[\&_dd\]\:font-display dd{font-family:var(--font-display)}.\[\&_dd\]\:text-dpai-title dd{font-size:var(--text-dpai-title);line-height:var(--tw-leading,var(--text-dpai-title--line-height))}.\[\&_dd\]\:font-medium dd{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_dd\]\:tracking-dpai-title dd{--tw-tracking:var(--tracking-dpai-title);letter-spacing:var(--tracking-dpai-title)}@media not all and (width>=520px){.max-\[520px\]\:\[\&_dd\]\:text-dpai-title-sm dd{font-size:var(--text-dpai-title-sm);line-height:var(--tw-leading,var(--text-dpai-title-sm--line-height))}}.\[\&_dt\]\:mt-1 dt{margin-top:var(--spacing)}.\[\&_dt\]\:text-dpai-caption dt{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&_dt\]\:text-dpai-muted dt{color:var(--color-dpai-muted)}@media not all and (width>=520px){.max-\[520px\]\:\[\&_dt\]\:text-\[0\.6875rem\] dt{font-size:.6875rem}}.\[\&_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))}.\[\&_svg\]\:mx-auto svg{margin-inline:auto}.\[\&_svg\]\:mb-2 svg{margin-bottom:calc(var(--spacing) * 2)}.\[\&_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}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}.\[\&\>article\+article\]\:border-l>article+article{border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>article\+article\]\:border-dpai-line>article+article{border-color:var(--color-dpai-line)}@media not all and (width>=760px){.max-\[760px\]\:\[\&\>article\+article\]\:border-t>article+article{border-top-style:var(--tw-border-style);border-top-width:1px}.max-\[760px\]\:\[\&\>article\+article\]\:border-l-0>article+article{border-left-style:var(--tw-border-style);border-left-width:0}}.\[\&\>b\]\:inline-flex>b{display:inline-flex}.\[\&\>b\]\:items-center>b{align-items:center}.\[\&\>b\]\:gap-1\.5>b{gap:calc(var(--spacing) * 1.5)}.\[\&\>b\]\:justify-self-end>b{justify-self:flex-end}.\[\&\>b\]\:font-medium>b{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>b\]\:text-\[\#297454\]>b{color:#297454}.\[\&\>b\>i\]\:size-\[0\.32rem\]>b>i{width:.32rem;height:.32rem}.\[\&\>b\>i\]\:rounded-full>b>i{border-radius:2147483647px}.\[\&\>b\>i\]\:bg-dpai-signal>b>i{background-color:var(--color-dpai-signal)}.\[\&\>canvas\]\:size-full>canvas{width:100%;height:100%}.\[\&\>div\]\:min-w-0>div{min-width:0}.\[\&\>div\]\:rounded-xl>div{border-radius:var(--radius-xl)}.\[\&\>div\]\:border>div{border-style:var(--tw-border-style);border-width:1px}.\[\&\>div\]\:border-\[\#d7d3dc\]>div{border-color:#d7d3dc}.\[\&\>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-4>div{padding-inline:calc(var(--spacing) * 4)}.\[\&\>div\]\:px-5>div{padding-inline:calc(var(--spacing) * 5)}.\[\&\>div\]\:py-4>div{padding-block:calc(var(--spacing) * 4)}@media not all and (width>=520px){.max-\[520px\]\:\[\&\>div\]\:px-2\.5>div{padding-inline:calc(var(--spacing) * 2.5)}}.\[\&\>div\+div\]\:border-l>div+div{border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>div\+div\]\:border-dpai-line>div+div{border-color:var(--color-dpai-line)}.\[\&\>div\:first-child\]\:pl-0>div:first-child{padding-left:0}.\[\&\>h1\]\:m-0>h1{margin:0}.\[\&\>h1\]\:max-w-none>h1{max-width:none}.\[\&\>h1\]\:font-display>h1{font-family:var(--font-display)}.\[\&\>h1\]\:text-dpai-title-lg>h1{font-size:var(--text-dpai-title-lg);line-height:var(--tw-leading,var(--text-dpai-title-lg--line-height))}.\[\&\>h1\]\:text-\[clamp\(3\.25rem\,3\.8vw\,3\.75rem\)\]>h1{font-size:clamp(3.25rem,3.8vw,3.75rem)}.\[\&\>h1\]\:leading-\[0\.96\]>h1{--tw-leading:.96;line-height:.96}.\[\&\>h1\]\:font-medium>h1{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>h1\]\:tracking-dpai-display>h1{--tw-tracking:var(--tracking-dpai-display);letter-spacing:var(--tracking-dpai-display)}@media not all and (width>=520px){.max-\[520px\]\:\[\&\>h1\]\:text-\[clamp\(2\.75rem\,12vw\,3\.25rem\)\]>h1{font-size:clamp(2.75rem,12vw,3.25rem)}}.\[\&\>h1\>span\]\:block>h1>span{display:block}.\[\&\>h1\>span\]\:font-normal>h1>span{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\[\&\>h1\>span\]\:text-dpai-violet>h1>span{color:var(--color-dpai-violet)}.\[\&\>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-\[\#c8c6ca\]>i{background-color:#c8c6ca}.\[\&\>i\:first-child\]\:bg-\[\#e17d70\]>i:first-child{background-color:#e17d70}.\[\&\>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\]\:object-cover>img{object-fit:cover}.\[\&\>p\]\:m-0>p{margin:0}.\[\&\>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\]\:max-w-\[32rem\]>p{max-width:32rem}.\[\&\>p\]\:text-dpai-body-lg>p{font-size:var(--text-dpai-body-lg);line-height:var(--tw-leading,var(--text-dpai-body-lg--line-height))}.\[\&\>p\]\:text-dpai-caption>p{font-size:var(--text-dpai-caption);line-height:var(--tw-leading,var(--text-dpai-caption--line-height))}.\[\&\>p\]\:text-\[\#6f6c73\]>p{color:#6f6c73}.\[\&\>p\]\:text-dpai-muted>p{color:var(--color-dpai-muted)}@media not all and (width>=900px){.max-\[900px\]\:\[\&\>p\]\:max-w-\[40rem\]>p{max-width:40rem}}.\[\&\>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\]\: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\]\:justify-self-center>span{justify-self:center}.\[\&\>span\]\:rounded-lg>span{border-radius:var(--radius-lg)}.\[\&\>span\]\:bg-dpai-violet\/10>span{background-color:#8b5cf61a}@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)}}@media not all and (width>=600px){.max-\[600px\]\:\[\&\>span\]\:hidden>span{display:none}}.\[\&\>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-\[1\.4\]>svg{stroke-width:1.4px}.\[\&\>svg\]\:stroke-\[1\.5\]>svg{stroke-width:1.5px}.\[\&\>svg\]\:stroke-\[1\.6\]>svg{stroke-width:1.6px}.\[\&\>svg\]\:stroke-\[1\.8\]>svg{stroke-width:1.8px}.\[\&\>svg\]\:text-dpai-positive>svg{color:var(--color-dpai-positive)}}@keyframes agent-drift{0%{transform:translate(-2.5rem,1.5rem)}to{transform:translateY(-1rem)}}: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-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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 pulse{50%{opacity:.5}}