/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--default-font-family:var(--pk-font-sans);--default-mono-font-family:var(--pk-font-mono)}}@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}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--pk-color-surface-shell);-webkit-text-size-adjust:100%}body{font-family:var(--pk-font-sans);font-feature-settings:"liga" 1, "calt" 1;-webkit-font-smoothing:antialiased;color:var(--pk-color-text-primary);letter-spacing:-.045px;background:var(--pk-color-surface-shell);margin:0}::selection{color:var(--pk-color-selection-text);background:var(--pk-color-selection-bg)}:focus-visible{outline:2px solid var(--pk-color-focus-ring);outline-offset:2px}a{color:inherit}}@layer components{:root{--pk-font-sans:"Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--pk-font-mono:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace;--pk-space-hair:1px;--pk-space-xxs:4px;--pk-space-xs:8px;--pk-space-sm:12px;--pk-space-base:16px;--pk-space-md:20px;--pk-space-lg:24px;--pk-space-xl:32px;--pk-space-xxl:48px;--pk-space-section:64px;--pk-space-section-lg:72px;--pk-radius-none:0px;--pk-radius-xs:4px;--pk-radius-sm:5px;--pk-radius-md:6px;--pk-radius-lg:8px;--pk-radius-xl:12px;--pk-radius-pill:61px;--pk-radius-full:9999px;--pk-elevation-flat:none;--pk-elevation-hairline:0 0 0 1px var(--pk-color-border-faint);--pk-elevation-card:0 0 0 1px var(--pk-color-border-subtle);--pk-elevation-window:0 0 0 .5px #00000026, 0 6px 20px 4px #00000026;--pk-elevation-floating:0 8px 32px #0000002e;--pk-motion-duration-instant:.1s;--pk-motion-duration-fast:.15s;--pk-motion-duration-normal:.3s;--pk-motion-duration-slow:.8s;--pk-motion-ease-chrome:cubic-bezier(.215, .61, .355, 1);--pk-motion-ease-panel:cubic-bezier(.23, 1, .32, 1);--pk-motion-ease-reveal:cubic-bezier(.165, .84, .44, 1);--pk-motion-ease-overshoot:cubic-bezier(.34, 1.56, .64, 1);--pk-layout-nav:1120px;--pk-layout-column:640px;--pk-layout-hero:800px;--pk-layout-band-window:1040px;--pk-layout-breakpoint-desktop:848px;--pk-layout-breakpoint-mobile:768px;--pk-layout-breakpoint-tight:640px;--pk-color-text-primary:#1c1917;--pk-color-text-secondary:#78716c;--pk-color-text-tertiary:#a8a29e;--pk-color-text-muted:#57534e;--pk-color-text-faint:#d6d3d1;--pk-color-surface-page:#fafaf9;--pk-color-surface-panel:#fff;--pk-color-surface-shell:#fff;--pk-color-surface-input:#f5f5f4;--pk-color-surface-chrome:#f6f6f6;--pk-color-border-default:#e7e5e4;--pk-color-border-subtle:#0000000f;--pk-color-border-faint:#0000000d;--pk-color-cta-bg:#1c1917;--pk-color-cta-text:#fff;--pk-color-cta-hover:#292524;--pk-color-dot-inactive:#d4d4d4;--pk-color-term-dot-inactive:#0000001f;--pk-color-selection-bg:#cce1ec;--pk-color-selection-text:#1c1917;--pk-color-syntax-prop:#0e7490;--pk-color-syntax-old:#b91c1c;--pk-color-syntax-new:#047857;--pk-color-syntax-keyword:#6d28d9;--pk-color-focus-ring:#78716c;--pk-color-scrim:#0006}.pk-hero-heading{font-family:var(--pk-font-sans);letter-spacing:-.45px;font-size:32px;font-weight:500;line-height:1.25}.pk-section-heading{font-family:var(--pk-font-sans);letter-spacing:-.045px;font-size:18px;font-weight:500;line-height:1.5556}.pk-body{font-family:var(--pk-font-sans);letter-spacing:-.045px;font-size:14px;font-weight:400;line-height:1.5714}.pk-small{font-family:var(--pk-font-sans);letter-spacing:-.045px;font-size:13px;font-weight:400;line-height:1.6923}.pk-toc{font-family:var(--pk-font-sans);letter-spacing:-.045px;font-size:12px;font-weight:400;line-height:1.3333}.pk-mono-code{font-family:var(--pk-font-mono);letter-spacing:0;font-size:13px;font-weight:400;line-height:1.8}.pk-mono-output{font-family:var(--pk-font-mono);letter-spacing:0;font-size:12.5px;font-weight:400;line-height:1.8}.pk-mono-install{font-family:var(--pk-font-mono);letter-spacing:0;font-size:11px;font-weight:400;line-height:1.6364}.ap-mock{--ap-font-sans:"Inter", "Inter Fallback", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--ap-font-mono:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace;--ap-surface-canvas:#1e1e1e;--ap-surface-base:#242424;--ap-surface-sidebar:#2b2b2b;--ap-surface-panel:#313131;--ap-surface-hover:#383838;--ap-surface-active:#3f3f3f;--ap-surface-selected:#454545;--ap-surface-overlay:#202020f2;--ap-border-subtle:#ffffff0f;--ap-border-default:#ffffff14;--ap-border-strong:#ffffff1f;--ap-border-focus:#0d99ff;--ap-border-disabled:#ffffff0a;--ap-text-primary:#fff;--ap-text-secondary:#c6c6c6;--ap-text-tertiary:#9d9d9d;--ap-text-disabled:#777;--ap-text-placeholder:#6a6a6a;--ap-text-inverse:#111;--ap-icon-primary:#f3f3f3;--ap-icon-secondary:#bebebe;--ap-icon-muted:#8a8a8a;--ap-icon-disabled:#666;--ap-blue-50:#eaf6ff;--ap-blue-100:#cdebff;--ap-blue-200:#a8dbff;--ap-blue-300:#75c7ff;--ap-blue-400:#33aeff;--ap-blue-500:#0d99ff;--ap-blue-600:#007be5;--ap-blue-700:#0064bc;--ap-blue-800:#004d91;--ap-blue-900:#00355f;--ap-primary:#0d99ff;--ap-primary-hover:#33aeff;--ap-primary-active:#007be5;--ap-primary-disabled:#4a82a6;--ap-primary-bg:#0d99ff1a;--ap-primary-bg-hover:#0d99ff26;--ap-primary-border:#0d99ff80;--ap-semantic-success:#2ecc71;--ap-semantic-success-hover:#27ae60;--ap-semantic-success-active:#1e874b;--ap-semantic-success-bg:#2ecc711f;--ap-semantic-warning:#f5c84c;--ap-semantic-warning-hover:#d9a822;--ap-semantic-warning-active:#b48600;--ap-semantic-warning-bg:#f5c84c1f;--ap-semantic-error:#ff4d4f;--ap-semantic-error-hover:#e53935;--ap-semantic-error-active:#c62828;--ap-semantic-error-bg:#ff4d4f1f;--ap-selection-fill:#0d99ff33;--ap-selection-border:#0d99ff;--ap-selection-handle:#fff;--ap-selection-guide:#0d99ff;--ap-timeline-track:#242424;--ap-timeline-marker:#666;--ap-timeline-active-marker:#fff;--ap-timeline-highlight:#0d99ff;--ap-scrollbar-track:transparent;--ap-scrollbar-thumb:#ffffff1f;--ap-scrollbar-thumb-hover:#fff3;--ap-scrollbar-thumb-active:#ffffff4d;--ap-divider-horizontal:#ffffff0f;--ap-divider-vertical:#ffffff14;--ap-divider-heavy:#ffffff1f;--ap-shadow-xs:0 1px 2px #00000029;--ap-shadow-sm:0 2px 8px #0003;--ap-shadow-floating:0 8px 32px #00000059;--ap-opacity-10:.1;--ap-opacity-12:.12;--ap-opacity-16:.16;--ap-opacity-24:.24;--ap-opacity-32:.32;--ap-opacity-48:.48;--ap-opacity-64:.64;--ap-opacity-04:.04;--ap-opacity-06:.06;--ap-opacity-08:.08;--ap-gray-50:#fafafa;--ap-gray-100:#f5f5f5;--ap-gray-200:#ebebeb;--ap-gray-300:#dcdcdc;--ap-gray-400:#bebebe;--ap-gray-500:#9d9d9d;--ap-gray-600:#777;--ap-gray-700:#5a5a5a;--ap-gray-800:#3f3f3f;--ap-gray-900:#2b2b2b;--ap-gray-950:#1e1e1e;--ap-input-bg:#2b2b2b;--ap-input-hover:#313131;--ap-input-focus:#313131;--ap-input-border:#ffffff14;--ap-input-focus-border:#0d99ff;--ap-input-disabled:#252525;--ap-button-primary:#0d99ff;--ap-button-primary-hover:#33aeff;--ap-button-primary-pressed:#007be5;--ap-button-primary-disabled:#3e5d73;--ap-button-secondary:#313131;--ap-button-secondary-hover:#383838;--ap-button-secondary-pressed:#404040;--ap-button-secondary-disabled:#292929;--ap-button-ghost-hover:#ffffff0d;--ap-button-ghost-pressed:#ffffff14;--ap-font-size-micro:9px;--ap-font-size-caption:10px;--ap-font-size-body:11px;--ap-font-size-label:12px;--ap-font-size-title:13px;--ap-font-size-heading:14px;--ap-icon-size-xs:16px;--ap-icon-size-sm:20px;--ap-icon-size-md:24px;--ap-icon-size-lg:28px;--ap-control-height:24px;--ap-control-icon-box:28px;--ap-control-gutter:8px;--ap-control-field-gap:2px;--ap-control-row-gap:6px;--ap-control-group-gap:12px;--ap-space-hair:1px;--ap-space-xxs:4px;--ap-space-xs:8px;--ap-space-sm:12px;--ap-space-base:16px;--ap-space-md:20px;--ap-space-lg:24px;--ap-space-xl:32px;--ap-space-xxl:48px;--ap-space-section:80px;--ap-radius-none:0px;--ap-radius-xs:4px;--ap-radius-sm:6px;--ap-radius-md:8px;--ap-radius-lg:12px;--ap-radius-xl:16px;--ap-radius-pill:9999px;--ap-radius-full:9999px;--ap-elevation-flat:none;--ap-elevation-card:0 0 0 1px var(--ap-border-default);--ap-elevation-floating:0 2px 8px #0003;--ap-elevation-modal:0 8px 32px #00000059;--ap-box-padding:#0d99ff;--ap-box-margin:#f5c84c;--ap-box-gap:#ff4d9d;--ap-motion-ease:ease;--ap-motion-ease-out:cubic-bezier(.23, 1, .32, 1);--ap-motion-ease-in-out:cubic-bezier(.77, 0, .175, 1);--ap-motion-dur-micro:.1s;--ap-motion-dur-base:.15s;--ap-motion-dur-slow:.2s}}@layer utilities{.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}.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}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.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}.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,)}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/verlay/assets/inter-variable-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/verlay/assets/jetbrains-mono-400-V6pRDFza.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/verlay/assets/jetbrains-mono-700-BYuf6tUa.woff2)format("woff2")}.skip-link{z-index:1000;color:var(--pk-color-cta-text);background:var(--pk-color-cta-bg);border-radius:0 0 8px 8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}html{overscroll-behavior:none;scroll-padding-top:72px}.layout{background:var(--pk-color-surface-shell);flex-direction:column;min-height:100vh;display:flex}.main{flex-direction:column;display:flex}.content{flex-direction:column;justify-content:flex-start;align-items:center;gap:64px;min-width:0;padding:64px 48px 0;display:flex}.section{align-self:center;width:100%;max-width:1120px}.section-desc,.faq-answer>div>p{max-width:720px}.hero{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;padding:88px 48px 56px;display:flex}.site-header{z-index:100;background:var(--pk-color-surface-shell);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--pk-color-surface-shell) 72%, transparent)}}.site-header{-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:var(--pk-color-surface-shell)}}.header-inner{flex-wrap:wrap;align-items:center;gap:4px;width:100%;max-width:1120px;margin:0 auto;padding:14px 48px;display:flex}.header-logo{color:var(--pk-color-text-primary);align-items:center;gap:7px;margin:0 auto 0 0;text-decoration:none;display:flex}.header-mark{width:22px;height:22px;color:var(--pk-color-text-primary);flex-shrink:0}.header-wordmark{letter-spacing:-.3px;font-size:15px;font-weight:500}.header-actions{align-items:center;gap:2px;margin-left:12px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:8px 4px;display:none}.hamburger-line{background:var(--pk-color-text-secondary);transform-origin:50%;border-radius:1px;width:16px;height:1.5px;transition:transform .2s cubic-bezier(.645,.045,.355,1);display:block}.menu-open .hamburger-line:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-open .hamburger-line:last-child{transform:translateY(-3.75px)rotate(-45deg)}.toc{flex:none;align-items:center;display:flex}.toc-inner{flex-direction:row;flex:none;align-items:center;width:auto;display:flex}.toc-link{color:var(--pk-color-text-secondary);white-space:nowrap;border-radius:8px;align-items:center;padding:7px 12px;font-size:13px;line-height:16px;text-decoration:none;transition:color .15s;display:flex}.toc-link:hover,.toc-link:focus-visible{color:var(--pk-color-text-primary)}.toc-link:focus-visible{outline-offset:-2px;border-radius:6px}.toc-link[aria-current=true]{color:var(--pk-color-text-primary)}.toc-sep{background:var(--pk-color-border-faint);width:1px;height:14px;margin:0 10px}.external-icon{vertical-align:-1px;opacity:.6;margin-left:3px}.hero-eyebrow{width:100%;max-width:640px;color:var(--pk-color-text-secondary);text-align:center;align-self:center;margin:0 0 14px;font-size:13px;line-height:20px}.hero-eyebrow-mark{vertical-align:-3px;width:16px;height:16px;display:inline-block}.hero-eyebrow-mark:first-of-type{margin-left:6px}.hero-eyebrow-mark+.hero-eyebrow-mark{margin-left:3px}.hero-heading{width:100%;max-width:640px;color:var(--pk-color-text-primary);text-align:center;letter-spacing:-.45px;text-wrap:balance;align-self:center;margin:0 0 12px;font-size:32px;font-weight:500;line-height:40px}.hero-sub{width:100%;max-width:560px;color:var(--pk-color-text-secondary);text-align:center;text-wrap:pretty;align-self:center;margin:0 0 28px;font-size:14px;line-height:22px}.section-heading{color:var(--pk-color-text-primary);margin:0 0 16px;font-size:18px;font-weight:500;line-height:28px}.section-desc{color:var(--pk-color-text-secondary);text-wrap:pretty;margin:8px 0 0;font-size:14px;line-height:22px}.cta-row{flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:20px;width:100%;max-width:640px;display:flex}.cta-primary{color:var(--pk-color-cta-text);cursor:pointer;background:var(--pk-color-cta-bg);border-radius:var(--pk-radius-pill);border:none;align-items:center;gap:10px;padding:11px 22px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.cta-primary-arrow{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .15s}.cta-primary:hover .cta-primary-arrow,.cta-primary:focus-visible .cta-primary-arrow{transform:translate(2px)}.cta-primary:active{transition:background .15s,transform .1s ease-out;transform:scale(.97)}.cta-primary:focus-visible{outline-offset:3px}.hero-install{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;transition:transform .15s;display:flex}.hero-install:active{transition:transform .1s ease-out;transform:scale(.97)}.hero-install-cmd{font-family:var(--pk-font-mono);color:var(--pk-color-text-secondary);font-size:11px;line-height:18px;transition:color .15s}.hero-install-icon{width:14px;height:14px;color:var(--pk-color-text-secondary);justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.hero-install:hover .hero-install-cmd,.hero-install:focus-visible .hero-install-cmd,.hero-install:hover .hero-install-icon,.hero-install:focus-visible .hero-install-icon{color:var(--pk-color-text-primary)}.output-block{border:1px solid var(--pk-color-border-faint);border-radius:var(--pk-radius-xl);margin-top:32px;overflow:hidden}.output-chrome{color:var(--pk-color-text-muted);background:var(--pk-color-surface-chrome);padding:10px 16px;font-size:11px}.output-body{font-family:var(--pk-font-mono);color:var(--pk-color-text-muted);white-space:pre;background:var(--pk-color-surface-panel);padding:20px 24px;font-size:12.5px;line-height:1.8;overflow-x:auto}.output-heading{color:var(--pk-color-text-primary);font-weight:500}.output-new{color:var(--pk-color-syntax-new)}.output-hint{color:var(--pk-color-syntax-new);font-style:italic}.code-block{background:var(--pk-color-surface-panel);border:1px solid var(--pk-color-border-faint);border-radius:var(--pk-radius-xl);margin-top:16px;padding:20px 24px;position:relative;overflow-x:auto}.code-line{font-family:var(--pk-font-mono);color:var(--pk-color-text-muted);white-space:pre;font-size:13px;line-height:1.8}.code-comment{color:var(--pk-color-text-secondary)}.copy-btn{width:32px;height:32px;color:var(--pk-color-text-secondary);cursor:pointer;border-radius:var(--pk-radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.copy-btn:hover,.copy-btn:focus-visible{color:var(--pk-color-text-muted);background:var(--pk-color-border-default)}.copy-btn:active{transition:background .15s,color .15s,transform .1s ease-out;transform:scale(.92)}.code-block .copy-btn{opacity:0;transition:opacity .15s,background .15s,color .15s;position:absolute;top:10px;right:10px}.code-block:hover .copy-btn,.code-block .copy-btn:focus-visible{opacity:1}.copy-icon{justify-content:center;align-items:center;transition:opacity .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute}.copy-icon-in{opacity:1;transform:scale(1)}.copy-icon-out{opacity:0;transform:scale(.75)}.download-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.download-package-card{min-height:104px;color:var(--pk-color-text-primary);border:1px solid var(--pk-color-border-default);box-shadow:none;background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;text-decoration:none;transition:border-color .15s;display:grid}.download-package-card:hover,.download-package-card:focus-visible{border-color:var(--verlay-blue)}@supports (color:color-mix(in lab, red, red)){.download-package-card:hover,.download-package-card:focus-visible{border-color:color-mix(in srgb, var(--verlay-blue) 24%, var(--pk-color-border-default))}}.download-package-card:focus-visible{outline:2px solid var(--verlay-blue);outline-offset:3px}.download-package-icon{background:var(--pk-color-surface-input);border:0;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.download-package-icon img{object-fit:contain;width:30px;height:30px;display:block}.download-package-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.download-package-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:550;line-height:22px;overflow:hidden}.download-package-copy small{font-family:var(--pk-font-mono);color:var(--pk-color-text-secondary);font-size:11px;line-height:18px}.download-package-action{color:var(--verlay-blue-dark);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.download-package-action svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.install-guide-heading{align-items:center;margin-top:40px;display:flex}.install-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.install-guide-card{border:1px solid var(--pk-color-border-subtle);background:#fff;border-radius:12px;padding:22px 24px}.install-guide-card h4{color:var(--pk-color-text-primary);margin:0;font-size:14px;font-weight:550;line-height:22px}.install-guide-card ol{counter-reset:install-step;flex-direction:column;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.install-guide-card li{color:var(--pk-color-text-secondary);counter-increment:install-step;padding-left:26px;font-size:13px;line-height:21px;position:relative}.install-guide-card li:before{width:17px;height:17px;font-family:var(--pk-font-mono);color:var(--verlay-blue-dark);content:counter(install-step);background:var(--verlay-blue-soft);border-radius:50%;place-items:center;font-size:9px;line-height:1;display:grid;position:absolute;top:2px;left:0}.faq-answer code{font-family:var(--pk-font-mono);background:var(--pk-color-surface-input);border:1px solid var(--pk-color-border-default);border-radius:var(--pk-radius-sm);padding:2px 6px;font-size:12px}.faq-list{margin-top:20px}.faq-item+.faq-item{border-top:1px solid var(--pk-color-border-subtle)}.faq-question{width:100%;color:var(--pk-color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-family:inherit;font-size:14px;font-weight:400;line-height:22px;display:flex}.faq-question:hover,.faq-question:focus-visible{color:var(--pk-color-text-primary)}.faq-question:focus-visible{outline-offset:-2px;border-radius:var(--pk-radius-xs)}.faq-chevron{color:var(--pk-color-text-secondary);transition:transform .3s var(--pk-motion-ease-reveal);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{transition:grid-template-rows .3s var(--pk-motion-ease-reveal);grid-template-rows:0fr;display:grid}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer>div{opacity:0;filter:blur(2px);min-height:0;transition:opacity .1s ease-out,filter .1s ease-out;overflow:hidden}.faq-item.open .faq-answer>div{opacity:1;filter:blur();transition:opacity .2s ease-out 80ms,filter .2s ease-out 80ms}.faq-answer>div>p{color:var(--pk-color-text-secondary);text-wrap:pretty;margin:0;padding-bottom:16px;font-size:14px;line-height:22px}.footer{border-top:1px solid var(--pk-color-border-faint);align-self:center;width:100%;max-width:1120px;padding-block:56px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:36px 48px;display:flex}.footer-brand{flex-direction:column;gap:12px;max-width:300px;display:flex}.footer-logo{color:var(--pk-color-text-primary);align-items:center;gap:7px;display:flex}.footer-brand-mark{flex-shrink:0;width:20px;height:20px}.footer-brand-name{letter-spacing:-.3px;font-size:14px;font-weight:500}.footer-blurb{color:var(--pk-color-text-secondary);text-wrap:pretty;margin:0;font-size:13px;line-height:20px}.footer-col{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-col-title{color:var(--pk-color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px;font-size:11px;font-weight:500;line-height:16px}.footer-col-link{color:var(--pk-color-text-secondary);align-items:center;font-size:13px;line-height:20px;text-decoration:none;transition:color .15s;display:inline-flex}.footer-col-link:hover,.footer-col-link:focus-visible{color:var(--pk-color-text-primary)}@media (width<=1240px){.header-inner{padding:14px 24px}.content{gap:48px;padding:48px 24px 0}.hero{padding:56px 24px 40px}.hero-heading{font-size:24px;line-height:30px}.section-heading{font-size:16px;line-height:24px}}@media (width<=768px){.hamburger{display:flex}.header-actions{order:2}.toc{transition:grid-template-rows .16s var(--pk-motion-ease-reveal) .1s;flex-basis:100%;order:3;grid-template-rows:0fr;justify-content:flex-start;display:grid;overflow:hidden}.site-header.menu-open .toc{transition:grid-template-rows .25s var(--pk-motion-ease-reveal);grid-template-rows:1fr}.toc-inner{visibility:hidden;flex-direction:column;align-self:stretch;align-items:flex-start;width:auto;min-height:0;transition:visibility 0s .26s;overflow:hidden}.toc-inner>:first-child{margin-top:12px}.toc-inner>:last-child{margin-bottom:4px}.site-header.menu-open .toc-inner{visibility:visible;transition:visibility}.toc-sep{width:32px;height:1px;margin:8px 0 8px 24px}.toc-link{opacity:0;filter:blur(3px);align-self:flex-start;margin-left:24px;padding:8px 0;transition:opacity .1s ease-out}.toc-inner>:first-child{transition-delay:90ms}.toc-inner>:nth-child(2){transition-delay:75ms}.toc-inner>:nth-child(3){transition-delay:60ms}.toc-inner>:nth-child(4){transition-delay:45ms}.toc-inner>:nth-child(5){transition-delay:30ms}.toc-inner>:nth-child(6){transition-delay:15ms}.toc-inner>:nth-child(7),.toc-inner>:nth-child(8){transition-delay:0s}.site-header.menu-open .toc-link{opacity:1;filter:blur();transition:opacity .2s ease-out,filter .2s ease-out}.site-header.menu-open .toc-inner>:first-child{transition-delay:30ms}.site-header.menu-open .toc-inner>:nth-child(2){transition-delay:60ms}.site-header.menu-open .toc-inner>:nth-child(3){transition-delay:90ms}.site-header.menu-open .toc-inner>:nth-child(4){transition-delay:.12s}.site-header.menu-open .toc-inner>:nth-child(5){transition-delay:.15s}.site-header.menu-open .toc-inner>:nth-child(6){transition-delay:.18s}.site-header.menu-open .toc-inner>:nth-child(7){transition-delay:.21s}.site-header.menu-open .toc-inner>:nth-child(8){transition-delay:.24s}.desktop-only{display:none}.footer-top{flex-direction:column;gap:32px}.footer-brand{max-width:420px}}@media (width<=640px){.header-inner{padding:12px 16px}.hero-install{display:none}.content{gap:40px;padding:40px 16px 0}.hero{padding:40px 16px 32px}.hero-heading{font-size:22px;line-height:28px}.hero-sub{margin-bottom:24px;font-size:13px;line-height:20px}.section-heading{font-size:15px;line-height:22px}.section-desc{font-size:13px;line-height:20px}.code-block{padding:14px 16px}.code-line{font-size:12px}.output-body{padding:14px 16px}.cta-primary{padding:10px 18px;font-size:12px}.download-package-grid,.install-guide-grid{grid-template-columns:1fr}.download-package-grid{gap:12px;margin-top:24px}.download-package-card{grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:92px;padding:16px}.download-package-action{grid-column:2;justify-self:start}.install-guide-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px}.install-guide-card{padding:18px}.faq-question{padding:14px 0;font-size:13px}.faq-answer>div>p{padding-bottom:12px;font-size:13px;line-height:20px}.footer{padding-block:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-answer,.faq-chevron,.hamburger-line,.toc,.cta-primary,.footer-col-link,.copy-btn,.copy-icon,.hero-install-cmd,.hero-install-icon,.toc-link,.skip-link{transition:none}.faq-answer>div{opacity:1;filter:none;transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.steps-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.step-card{background:var(--pk-color-surface-input);border:none;border-radius:18px;flex-direction:column;padding:32px 32px 36px;display:flex}.step-figure{flex:none;justify-content:center;align-items:center;height:232px;margin-bottom:28px;display:flex;overflow:hidden}.step-title{color:var(--pk-color-text-primary);text-align:center;text-wrap:balance;margin:0 0 8px;font-size:16px;font-weight:500;line-height:24px}.step-card-desc{max-width:42ch;color:var(--pk-color-text-secondary);text-align:center;text-wrap:pretty;margin:0 auto;font-size:14px;line-height:22px}.fig{width:100%;font-family:var(--pk-font-sans);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.fig-proxy{justify-content:flex-start;align-self:stretch;align-items:center}.fig-window{background:var(--pk-color-surface-panel);border-radius:var(--pk-radius-xl);width:100%;max-width:400px;min-height:0;box-shadow:0 0 0 1px var(--pk-color-border-subtle), 0 8px 24px -6px #00000024;flex-direction:column;flex:auto;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 56%,#0000 100%);mask-image:linear-gradient(#000 56%,#0000 100%)}.fig-chrome{background:var(--pk-color-surface-chrome);border-bottom:1px solid var(--pk-color-border-faint);align-items:center;gap:10px;height:32px;padding:0 12px;display:flex}.fig-dots{flex-shrink:0;gap:5px;display:flex}.fig-dot{border-radius:50%;width:7px;height:7px}.fig-dot-red{background:#f87171}.fig-dot-yellow{background:#fbbf24}.fig-dot-green{background:#4ade80}.fig-url{font-family:var(--pk-font-mono);color:var(--pk-color-text-muted);font-size:10px}.fig-proxy-pill{font-family:var(--pk-font-mono);color:var(--pk-color-text-tertiary);white-space:nowrap;background:var(--pk-color-surface-input);border-radius:var(--pk-radius-pill);margin-left:auto;padding:2px 7px;font-size:9px}.fig-canvas{background:var(--pk-color-surface-page);flex:auto;align-items:stretch;gap:14px;min-height:0;padding:16px 14px 0;display:flex}.fig-frame{background:var(--pk-color-surface-panel);border:1px solid var(--pk-color-border-subtle);border-radius:5px;padding:8px;position:relative}.fig-frame-sm{flex:0 0 74px}.fig-frame-lg{flex:auto;min-width:0}.fig-frame-w{font-family:var(--pk-font-mono);color:var(--pk-color-text-tertiary);font-size:9px;position:absolute;top:-16px;left:0}.fig-frame-body{flex-direction:column;gap:6px;height:100%;display:flex}.fig-frame-body-row{flex-direction:row;gap:8px}.fig-bar{background:var(--pk-color-border-default);border-radius:3px}.fig-bar-full{height:8px}.fig-bar-half{width:60%;height:8px}.fig-bar-block{height:26px;margin:2px 0}.fig-bar-col{flex:1;height:100%}.fig-source{--fig-primary:#0d99ff;justify-content:center;align-items:center;gap:4px;padding-top:18px}.fig-pick{color:var(--pk-color-cta-text);outline:2px solid var(--fig-primary);outline-offset:3px;background:var(--pk-color-cta-bg);border-radius:var(--pk-radius-pill);padding:9px 18px;font-size:12px;position:relative}.fig-pick-badge{font-family:var(--pk-font-mono);color:#fff;white-space:nowrap;background:var(--fig-primary);border-radius:3px;padding:2px 5px;font-size:10px;line-height:1.4;position:absolute;top:-8px;left:-2px;transform:translateY(-100%)}.fig-handle{border:1px solid var(--fig-primary);background:#fff;border-radius:1px;width:7px;height:7px;position:absolute}.fig-handle-tl{top:-8px;left:-8px}.fig-handle-tr{top:-8px;right:-8px}.fig-handle-bl{bottom:-8px;left:-8px}.fig-handle-br{bottom:-8px;right:-8px}.fig-resolve{flex-direction:column;align-items:center;padding-top:14px;display:flex}.fig-thread{background:var(--pk-color-border-default);width:1px;height:14px}.fig-chip{font-family:var(--pk-font-mono);color:var(--pk-color-text-muted);background:var(--pk-color-surface-panel);border-radius:var(--pk-radius-sm);box-shadow:0 0 0 1px var(--pk-color-border-subtle);margin-top:6px;padding:4px 9px;font-size:10px}.fig-chip-line{color:var(--pk-color-text-tertiary)}.fig-diff{background:var(--pk-color-surface-panel);border-radius:var(--pk-radius-lg);width:100%;max-width:260px;box-shadow:0 0 0 1px var(--pk-color-border-subtle), 0 6px 18px -6px #0000001f;margin-top:16px;overflow:hidden}.fig-diff-head{background:var(--pk-color-surface-chrome);border-bottom:1px solid var(--pk-color-border-faint);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.fig-diff-file{font-family:var(--pk-font-mono);color:var(--pk-color-text-muted);font-size:10px}.fig-diff-stat{font-family:var(--pk-font-mono);color:var(--pk-color-text-tertiary);font-size:9px}.fig-diff-body{padding:6px 0}.fig-diff-line{text-overflow:ellipsis;font-family:var(--pk-font-mono);white-space:nowrap;padding:1px 10px;font-size:10px;line-height:17px;overflow:hidden}.fig-diff-del{color:var(--pk-color-syntax-old);background:var(--pk-color-syntax-old)}@supports (color:color-mix(in lab, red, red)){.fig-diff-del{background:color-mix(in srgb, var(--pk-color-syntax-old) 8%, transparent)}}.fig-diff-add{color:var(--pk-color-syntax-new);background:var(--pk-color-syntax-new)}@supports (color:color-mix(in lab, red, red)){.fig-diff-add{background:color-mix(in srgb, var(--pk-color-syntax-new) 8%, transparent)}}@media (width<=768px){.steps-grid{grid-template-columns:1fr;gap:16px}.step-card{padding:24px 24px 28px}.step-figure{height:216px;margin-bottom:22px}.step-title{font-size:15px;line-height:22px}}@media (width<=640px){.step-figure{height:200px}.step-card-desc{font-size:13px;line-height:20px}.fig-canvas{padding:14px 12px 0}.fig-resolve{padding-top:10px}.fig-thread{height:10px}.fig-diff{max-width:240px;margin-top:12px}.fig-diff-line{line-height:15px}}.hero-visual{--sel-x:20.94%;--sel-y:52%;--prompt-x:74.5%;--prompt-y:85.54%;--send-x:82.56%;--send-y:85.59%;--tab-x:72.89%;--tab-y:23.72%;--radius-x:79.46%;--radius-y:68.45%;width:100%;position:relative}.desktop-bg{overflow-clip-margin:0;background:url(/verlay/wallpaper-day.avif) center / cover no-repeat, var(--pk-color-surface-input);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:56px 48px;display:flex;position:relative;overflow:clip}.browser-window{z-index:2;border-radius:var(--pk-radius-lg);flex-direction:column;flex:none;width:100%;max-width:1040px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000026,0 6px 20px 4px #00000026}.browser-chrome{background:var(--pk-color-surface-chrome);border-radius:var(--pk-radius-lg) var(--pk-radius-lg) 0 0;align-items:center;gap:8px;padding:6px 12px;display:flex}.browser-dots{gap:6px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot-red{background:#f87171}.dot-yellow{background:#fbbf24}.dot-green{background:#4ade80}.safari-pill{background:#ffffff80;border:1px solid #ffffff0f;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;display:flex;box-shadow:0 2px 4px #00000008}.safari-btn{color:var(--pk-color-text-primary);opacity:.5;display:block}.safari-back{opacity:.26}.safari-url-wrap{flex:1;justify-content:center;display:flex}.browser-url{width:100%;max-width:280px;color:var(--pk-color-text-muted);background:var(--pk-color-surface-panel);border-color:var(--pk-color-surface-panel);justify-content:center;padding:3px 10px;font-family:system-ui,sans-serif;font-size:8px;position:relative;box-shadow:0 1px 5px #00000005}.safari-reload{color:var(--pk-color-text-muted);opacity:.4;position:absolute;right:8px}.browser-content{aspect-ratio:1200/636;background:var(--pk-color-surface-page);border-radius:0 0 var(--pk-radius-lg) var(--pk-radius-lg);flex:none;width:100%;position:relative;overflow:hidden}.mock-cursor{z-index:30;color:#fff;pointer-events:none;filter:drop-shadow(0 1px 2px #0006);will-change:transform, left, top;width:14px;height:14px;position:absolute;top:50%;left:50%}.animation-pause-btn{z-index:20;color:#fff;cursor:pointer;border-radius:var(--pk-radius-lg);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,background .15s,transform .15s;display:flex;position:absolute;bottom:8px;left:8px}.animation-pause-btn:hover,.animation-pause-btn:focus-visible{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff47}.animation-pause-btn:active{transition:color .15s,background .15s,transform .1s ease-out;transform:scale(.92)}@media (width<=847px){.desktop-bg{padding:32px 16px}.mock-cursor{display:none}}@media (width<=640px){.desktop-bg{padding:24px 12px}}.ap-mock{width:1200px;height:636px;font-family:var(--ap-font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transform:scale(var(--ap-mock-scale,.8667));transform-origin:0 0;position:absolute;top:0;left:0}.ap-page{font-family:var(--pk-font-sans);color:var(--pk-color-text-primary);background:var(--pk-color-surface-page);flex-direction:column;display:flex;position:absolute;inset:0}.ap-page-nav{border-bottom:1px solid var(--pk-color-border-faint);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex}.ap-page-brand{letter-spacing:-.4px;align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.ap-page-brand svg{width:24px;height:24px}.ap-page-links{color:var(--pk-color-text-secondary);gap:28px;font-size:15px;display:flex}.ap-page-hero{flex-direction:column;max-width:520px;padding:64px 56px 0;display:flex}.ap-page-heading{letter-spacing:-.9px;margin:0;font-size:36px;font-weight:500;line-height:1.14}.ap-page-sub{color:var(--pk-color-text-secondary);margin:16px 0 0;font-size:15px;line-height:1.5}.ap-page-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.ap-cta{color:#fff;background:var(--ap-cta-fill,#1c1917);border-radius:var(--ap-cta-radius,6px);align-items:center;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.ap-cta-secondary{font-family:var(--pk-font-mono);color:var(--pk-color-text-secondary);font-size:14px}.ap-page-cards{gap:14px;max-width:680px;padding:52px 56px 0;display:flex}.ap-page-card{background:var(--pk-color-surface-panel);border:1px solid var(--pk-color-border-faint);border-radius:10px;flex:1;padding:16px 18px}.ap-page-card-title{margin:0;font-size:13px;font-weight:500}.ap-page-card-body{color:var(--pk-color-text-secondary);margin:5px 0 0;font-size:11px;line-height:1.5}.ap-chrome-layer{z-index:40;pointer-events:none;position:absolute;inset:0}.ap-hover-box{background:var(--ap-primary-bg-hover);border:1.5px solid var(--ap-primary);border-radius:var(--ap-radius-xs);opacity:0;position:absolute}.ap-sel-box{border:2px solid var(--ap-primary);border-radius:var(--ap-radius-xs);opacity:0;position:absolute;box-shadow:0 0 0 1px #ffffff29}.ap-handle{background:var(--ap-selection-handle);border:1px solid var(--ap-primary);opacity:0;border-radius:1px;width:7px;height:7px;position:absolute}.ap-handle-n,.ap-handle-nw,.ap-handle-ne{top:-4px}.ap-handle-s,.ap-handle-sw,.ap-handle-se{bottom:-4px}.ap-handle-w,.ap-handle-nw,.ap-handle-sw{left:-4px}.ap-handle-e,.ap-handle-ne,.ap-handle-se{right:-4px}.ap-handle-n,.ap-handle-s{left:calc(50% - 3.5px)}.ap-handle-e,.ap-handle-w{top:calc(50% - 3.5px)}.ap-box-label{font-family:var(--ap-font-mono);color:#fff;white-space:nowrap;background:var(--ap-primary);opacity:0;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1.4;position:absolute;top:-3px;left:-1px;transform:translateY(-100%)}.ap-box-label-dim{opacity:.7}.ap-dock{z-index:50;background:var(--ap-surface-panel);border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-md);box-shadow:var(--ap-elevation-card);flex-direction:column;display:flex;position:absolute;top:20px;bottom:20px;overflow:hidden}.ap-dock-right{width:320px;right:20px}.ap-head{padding:var(--ap-space-sm) var(--ap-space-lg);border-bottom:1px solid var(--ap-border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ap-brand{color:var(--ap-text-primary);align-items:center;gap:6px;display:inline-flex}.ap-brand-name{letter-spacing:-.1px;font-size:12px;font-weight:560}.ap-head-actions{gap:2px;display:inline-flex}.ap-iconbtn{width:24px;height:24px;color:var(--ap-icon-secondary);border-radius:var(--ap-radius-xs);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ap-insp-stage{flex:1;min-height:0;position:relative}.ap-insp-empty{position:absolute;inset:0}.ap-insp{opacity:0;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.ap-insp-tabs{border-bottom:1px solid var(--ap-border-default);flex-shrink:0;display:flex}.ap-insp-tab{padding:var(--ap-space-xs) 3px;font-family:inherit;font-size:var(--ap-font-size-title);color:var(--ap-text-primary);opacity:.55;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:3px;display:inline-flex}.ap-insp-tab-on{border-bottom-color:var(--ap-primary);opacity:1}.ap-insp-body{flex:1;min-height:0;overflow:hidden}.ap-insp-scroll{flex-direction:column;display:flex}.ap-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:24px 20px;display:flex}.ap-empty-art{width:48px;height:48px;color:var(--ap-icon-muted);opacity:.55}.ap-empty-title{color:var(--ap-text-secondary);font-size:13px;line-height:1.4}.ap-empty-body{max-width:32ch;color:var(--ap-text-tertiary);font-size:12px;line-height:1.5}.ap-src{font-family:var(--ap-font-mono);font-size:var(--ap-font-size-caption);color:var(--ap-text-secondary);opacity:.75}.ap-sect{border-bottom:1px solid var(--ap-border-default)}.ap-sect-head{padding:var(--ap-space-xs) var(--ap-space-lg);font-family:var(--ap-font-mono);font-size:var(--ap-font-size-caption);color:var(--ap-text-primary);text-transform:uppercase;letter-spacing:.6px;opacity:.6;justify-content:space-between;align-items:center;gap:6px;display:flex}.ap-sect-chev{width:16px;height:16px;color:var(--ap-icon-muted);flex-shrink:0}.ap-sect-body{padding:var(--ap-control-group-gap) var(--ap-space-lg)}.ap-grid{gap:var(--ap-control-row-gap) var(--ap-control-gutter);grid-template-columns:1fr 1fr;align-items:center;display:grid}.ap-span2{grid-column:1/-1}.ap-row{gap:var(--ap-control-gutter);margin:var(--ap-control-row-gap) 0;align-items:center;display:flex}.ap-row-label{color:var(--ap-text-tertiary);flex:0 0 68px;font-size:12px}.ap-align-row{gap:var(--ap-space-xs);padding:var(--ap-space-sm) var(--ap-space-lg);border-bottom:1px solid var(--ap-border-default);justify-content:space-between;display:flex}.ap-align-grp{gap:1px;display:inline-flex}.ap-align-btn{width:24px;height:24px;color:var(--ap-icon-secondary);border-radius:var(--ap-radius-xs);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ap-ctl-num{min-width:0;height:var(--ap-control-height);border-radius:var(--ap-radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:2px;padding-left:2px;display:flex}.ap-ctl-glyph{width:20px;height:20px;color:var(--ap-icon-muted);flex:none;justify-content:center;align-items:center;display:flex}.ap-ctl-glyph-txt{font-family:var(--ap-font-mono);opacity:.85;font-size:11px;line-height:1}.ap-ctl-value{min-width:0;font-family:var(--ap-font-mono);color:var(--ap-text-primary);white-space:nowrap;flex:auto;padding:0 2px;font-size:12px}.ap-ctl-suffix{font-family:var(--ap-font-mono);color:var(--ap-text-tertiary);font-size:11px}.ap-select{width:100%;height:var(--ap-control-height);font-family:var(--ap-font-sans);color:var(--ap-text-primary);text-align:left;background:var(--ap-input-bg);border:1px solid var(--ap-input-border);border-radius:var(--ap-radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.ap-select svg{width:16px;height:16px;color:var(--ap-icon-secondary);flex-shrink:0}.ap-ctl-seg{background:var(--ap-surface-active);border-radius:var(--ap-radius-sm);gap:2px;padding:2px;display:flex}.ap-ctl-seg-btn{color:var(--ap-text-primary);border-radius:var(--ap-radius-xs);opacity:.6;background:0 0;border:none;padding:3px 8px;font-family:inherit;font-size:11px}.ap-ctl-seg-on{background:var(--ap-primary);opacity:1}.ap-ctl-seg-icon{flex-wrap:nowrap}.ap-ctl-seg-icon .ap-ctl-seg-btn{flex:1 1 0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0;display:inline-flex}.ap-ctl-swatch{background-color:var(--ap-swatch-color,#1c1917);border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-sm);background-size:6px 6px;flex:none;width:22px;height:22px;padding:0}.ap-paint-row{align-items:center;gap:2px;min-width:0;display:flex}.ap-paint-hex{flex:auto}.ap-paint-pct{flex:0 0 72px}.ap-rows{flex-direction:column;gap:6px;display:flex}.ap-rows-row{align-items:center;gap:2px;display:flex}.ap-rows-row>:first-child{flex:auto;min-width:0}.ap-row-icon{width:20px;height:20px;color:var(--ap-icon-secondary);border-radius:var(--ap-radius-xs);opacity:.55;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ap-bar{z-index:50;background:var(--ap-surface-panel);border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-md);box-shadow:var(--ap-elevation-card);align-items:center;gap:2px;padding:4px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ap-bar-sep{background:var(--ap-border-default);align-self:stretch;width:1px;margin:4px 2px}.ap-tool-group{align-items:center;gap:2px;display:inline-flex}.ap-tool{width:28px;height:28px;color:var(--ap-icon-secondary);border-radius:var(--ap-radius-xs);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ap-tool-on{color:var(--ap-text-primary);background:var(--ap-primary)}.ap-seg-group{background:var(--ap-surface-active);border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-sm);align-items:center;gap:2px;padding:2px;display:inline-flex}.ap-seg{color:var(--ap-text-primary);border-radius:var(--ap-radius-xs);opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.ap-seg svg{width:14px;height:14px}.ap-seg-on{background:var(--ap-surface-panel);box-shadow:var(--ap-elevation-card);opacity:1}.ap-tweak-badge{color:#fff;background:var(--ap-primary);border-radius:var(--ap-radius-pill);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex;transform:scale(0)}.ap-tweak-badge-wrap{align-items:center;width:0;display:inline-flex;overflow:hidden}.ap-tab-stage{flex:1;min-height:0;position:relative}.ap-tab-body{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.ap-tab-body-edit{opacity:0;overflow:hidden}.ap-tab-agent{border-bottom-color:var(--ap-primary);opacity:1}.ap-transcript{gap:var(--ap-space-md);min-height:0;padding:var(--ap-space-md) var(--ap-space-lg);flex-direction:column;flex:1;display:flex}.ap-msg-user{max-width:88%;color:var(--ap-text-primary);background:var(--ap-surface-selected);opacity:0;border-radius:8px 8px 4px;align-self:flex-end;padding:8px 12px;font-size:14px;line-height:1.5}.ap-msg-assistant{background:var(--ap-surface-active);border:1px solid var(--ap-border-default);opacity:0;border-radius:8px 8px 8px 4px;flex-direction:column;align-self:flex-start;gap:8px;width:96%;padding:10px 12px;display:flex}.ap-tl{flex-direction:column;gap:2px;display:flex}.ap-tl-head{font-family:var(--ap-font-mono);color:var(--ap-text-primary);white-space:nowrap;opacity:0;align-items:baseline;gap:5px;font-size:12px;display:flex}.ap-tl-marker{color:var(--ap-text-tertiary);flex-shrink:0}.ap-tl-tool{font-weight:600}.ap-tl-args{color:var(--ap-text-tertiary)}.ap-tl-res{font-family:var(--ap-font-mono);color:var(--ap-text-secondary);white-space:nowrap;opacity:0;align-items:baseline;gap:4px;padding-left:10px;font-size:11px;display:flex}.ap-tl-elbow{color:var(--ap-text-tertiary);flex-shrink:0}.ap-turn-status{color:var(--ap-text-tertiary);align-items:center;gap:8px;font-size:13px;display:flex}.ap-dot{background:var(--ap-text-tertiary);border-radius:var(--ap-radius-pill);flex-shrink:0;width:7px;height:7px}.ap-status-label{display:inline-grid}.ap-status-label>span{grid-area:1/1}.ap-diff{border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-md);opacity:0;max-height:0;overflow:hidden}.ap-diff-head{color:var(--ap-text-primary);background:var(--ap-surface-active);align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.ap-diff-file{font-family:var(--ap-font-mono);color:var(--ap-text-primary);font-weight:600}.ap-diff-stat{font-family:var(--ap-font-mono);opacity:.5}.ap-diff-body{font:11px / 1.5 var(--ap-font-mono);background:var(--ap-surface-panel);padding:6px 0}.ap-diff-line{white-space:pre;opacity:0;padding:0 10px}.ap-diff-add{color:var(--ap-semantic-success);background:var(--ap-semantic-success-bg)}.ap-diff-del{color:var(--ap-semantic-error);background:var(--ap-semantic-error-bg)}.ap-diff-ctx{opacity:.55}.ap-composer{padding:var(--ap-space-sm) var(--ap-space-md);border-top:1px solid var(--ap-border-default);flex:none}.ap-field{background:var(--ap-input-bg);border:1px solid var(--ap-input-border);border-radius:var(--ap-radius-sm);flex-direction:column;gap:4px;padding:6px 34px 6px 8px;display:flex;position:relative}.ap-chips{align-items:center;gap:4px;display:flex;overflow:hidden}.ap-sel-chip{font-family:var(--ap-font-mono);color:var(--ap-text-primary);white-space:nowrap;background:var(--ap-surface-active);border:1px solid var(--ap-border-default);border-radius:var(--ap-radius-sm);transform-origin:0;align-items:center;gap:6px;padding:3px 6px 3px 8px;font-size:12px;display:inline-flex;transform:scale(0)}.ap-chip-x{color:var(--ap-text-tertiary)}.ap-input{min-height:19px;font-size:var(--ap-font-size-title);align-items:baseline;padding:2px 0;line-height:1.45;display:flex;position:relative}.ap-placeholder{color:var(--ap-text-placeholder);position:absolute}.ap-typed{color:var(--ap-text-primary);white-space:nowrap;clip-path:inset(0 100% 0 0)}.ap-caret{background:var(--ap-text-primary);opacity:0;align-self:center;width:1px;height:15px}.ap-send{width:24px;height:24px;color:var(--ap-text-primary);background:var(--ap-surface-selected);border:1px solid var(--ap-border-strong);border-radius:var(--ap-radius-sm);opacity:.35;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:5px;right:5px}.hero-visual{--ap-loop:11.5s}.mock-cursor{animation:ap-cursor-move var(--ap-loop) var(--pk-motion-ease-chrome) infinite, ap-cursor-press var(--ap-loop) var(--pk-motion-ease-chrome) infinite}@keyframes ap-cursor-move{0%,2.5%{top:50%;left:50%}6.5%,12%{top:var(--sel-y);left:var(--sel-x)}15.4%,30.6%{top:var(--prompt-y);left:var(--prompt-x)}33.5%,36.5%{top:var(--send-y);left:var(--send-x)}39.5%,57%{top:60%;left:40%}60.5%,62.5%{top:var(--tab-y);left:var(--tab-x)}66%,91.5%{top:var(--radius-y);left:var(--radius-x)}95.5%,to{top:50%;left:50%}}@keyframes ap-cursor-press{0%,9.7%{transform:scale(1)}10%{transform:scale(.82)}10.6%,34.4%{transform:scale(1)}34.7%{transform:scale(.82)}35.3%,60.9%{transform:scale(1)}61.2%{transform:scale(.82)}61.8%,to{transform:scale(1)}}.ap-hover-box,.ap-hover-box .ap-box-label{animation:ap-hover-box var(--ap-loop) ease infinite}@keyframes ap-hover-box{0%,6.3%{opacity:0}7.4%,9.7%{opacity:1}10.2%,to{opacity:0}}.ap-sel-box,.ap-sel-box .ap-box-label{animation:ap-sel-box var(--ap-loop) ease infinite}@keyframes ap-sel-box{0%,10.2%{opacity:0}10.6%,90.5%{opacity:1}91.9%,to{opacity:0}}.ap-handle{animation:ap-handle-pop-0 var(--ap-loop) var(--pk-motion-ease-overshoot) infinite}.ap-handle-nw{animation-name:ap-handle-pop-0}.ap-handle-n{animation-name:ap-handle-pop-1}.ap-handle-ne{animation-name:ap-handle-pop-2}.ap-handle-e{animation-name:ap-handle-pop-3}.ap-handle-se{animation-name:ap-handle-pop-4}.ap-handle-s{animation-name:ap-handle-pop-5}.ap-handle-sw{animation-name:ap-handle-pop-6}.ap-handle-w{animation-name:ap-handle-pop-7}.ap-insp-empty{animation:ap-empty-out var(--ap-loop) ease infinite}@keyframes ap-empty-out{0%,10.5%{opacity:1}11.6%,88%{opacity:0}89.4%,to{opacity:1}}.ap-insp-filled{animation:ap-filled-in var(--ap-loop) ease infinite}@keyframes ap-filled-in{0%,10.5%{opacity:0}11.6%,88%{opacity:1}89.4%,to{opacity:0}}.ap-insp-row{animation:ap-insp-row-0 var(--ap-loop) var(--pk-motion-ease-chrome) infinite}.ap-insp-row:first-child{animation-name:ap-insp-row-0}.ap-insp-row:nth-child(2){animation-name:ap-insp-row-1}.ap-insp-row:nth-child(3){animation-name:ap-insp-row-2}.ap-insp-row:nth-child(4){animation-name:ap-insp-row-3}.ap-insp-row:nth-child(5){animation-name:ap-insp-row-4}.ap-insp-row:nth-child(6){animation-name:ap-insp-row-5}.ap-insp-row:nth-child(7){animation-name:ap-insp-row-6}.ap-insp-row:nth-child(8){animation-name:ap-insp-row-7}.ap-insp-row:nth-child(9){animation-name:ap-insp-row-8}.ap-sel-chip{animation:ap-chip-grow var(--ap-loop) var(--pk-motion-ease-overshoot) infinite}@keyframes ap-chip-grow{0%,10.6%{transform:scale(0)}11.9%,88%{transform:scale(1)}89.2%,to{transform:scale(0)}}.ap-typed{animation:ap-type var(--ap-loop) step-end infinite}@keyframes ap-type{0%,16.5%{clip-path:inset(0 100% 0 0)}17.13%{clip-path:inset(0 94% 0 0)}17.76%{clip-path:inset(0 88% 0 0)}18.39%{clip-path:inset(0 82% 0 0)}19.02%{clip-path:inset(0 76% 0 0)}19.65%{clip-path:inset(0 70% 0 0)}20.28%{clip-path:inset(0 64% 0 0)}20.91%{clip-path:inset(0 58% 0 0)}21.54%{clip-path:inset(0 52% 0 0)}22.17%{clip-path:inset(0 46% 0 0)}22.8%{clip-path:inset(0 40% 0 0)}23.43%{clip-path:inset(0 34% 0 0)}24.06%{clip-path:inset(0 28% 0 0)}24.69%{clip-path:inset(0 22% 0 0)}25.32%{clip-path:inset(0 16% 0 0)}25.95%{clip-path:inset(0 10% 0 0)}26.58%,35.35%{clip-path:inset(0)}35.4%,to{clip-path:inset(0 100% 0 0)}}.ap-placeholder{animation:ap-placeholder var(--ap-loop) step-end infinite}@keyframes ap-placeholder{0%{opacity:1}16.5%{opacity:0}35.4%{opacity:1}to{opacity:1}}.ap-send{animation:ap-send-enable var(--ap-loop) ease infinite}@keyframes ap-send-enable{0%,17.13%{opacity:.35;transform:scale(1)}17.9%,34.7%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(.9)}35.6%{opacity:1;transform:scale(1)}35.9%,to{opacity:.35;transform:scale(1)}}.ap-msg-user{animation:ap-bubble-user var(--ap-loop) var(--pk-motion-ease-overshoot) infinite}@keyframes ap-bubble-user{0%,35.5%{opacity:0;transform:scale(.96)}36.6%,79%{opacity:1;transform:scale(1)}80.2%,to{opacity:0;transform:scale(.96)}}.ap-msg-assistant{animation:ap-bubble-assistant var(--ap-loop) ease infinite}@keyframes ap-bubble-assistant{0%,36.6%{opacity:0}37.7%,78.8%{opacity:1}80%,to{opacity:0}}.ap-tl-head-1{animation:ap-tl-head-1 var(--ap-loop) ease infinite}.ap-tl-head-2{animation:ap-tl-head-2 var(--ap-loop) ease infinite}.ap-tl-head-3{animation:ap-tl-head-3 var(--ap-loop) ease infinite}.ap-tl-res-1{animation:ap-tl-res-1 var(--ap-loop) ease infinite}.ap-tl-res-2{animation:ap-tl-res-2 var(--ap-loop) ease infinite}.ap-tl-res-3{animation:ap-tl-res-3 var(--ap-loop) ease infinite}.ap-status-working{animation:ap-status-working var(--ap-loop) step-end infinite}.ap-status-done{animation:ap-status-done var(--ap-loop) step-end infinite}@keyframes ap-status-working{0%{opacity:1}54.8%{opacity:0}80.5%{opacity:1}to{opacity:1}}@keyframes ap-status-done{0%{opacity:0}54.8%{opacity:1}80.5%{opacity:0}to{opacity:0}}.ap-dot{animation:ap-dot-hide var(--ap-loop) ease infinite, ap-pulse 1s ease-in-out infinite}@keyframes ap-dot-hide{0%,54.2%{width:7px;margin-right:0}55.3%,80.2%{width:0;margin-right:-8px}81.2%,to{width:7px;margin-right:0}}.ap-diff{animation:ap-diff-grow var(--ap-loop) var(--pk-motion-ease-panel) infinite}@keyframes ap-diff-grow{0%,47.6%{opacity:0;max-height:0}49%,78.2%{opacity:1;max-height:110px}79.6%,to{opacity:0;max-height:0}}.ap-diff-line-1{animation:ap-diff-line-0 var(--ap-loop) ease infinite}.ap-diff-line-2{animation:ap-diff-line-1 var(--ap-loop) ease infinite}.ap-diff-line-3{animation:ap-diff-line-2 var(--ap-loop) ease infinite}.ap-diff-line-4{animation:ap-diff-line-3 var(--ap-loop) ease infinite}.ap-cta{animation:ap-cta-fill var(--ap-loop) var(--pk-motion-ease-overshoot) infinite, ap-cta-radius var(--ap-loop) var(--pk-motion-ease-overshoot) infinite}@keyframes ap-cta-fill{0%,52.6%{background:#1c1917}54.2%,88%{background:#e2603a}89.4%,to{background:#1c1917}}@keyframes ap-cta-radius{0%,67.9%{border-radius:6px}70.6%,88%{border-radius:9999px}89.4%,to{border-radius:6px}}.ap-swap-from-fill{animation:ap-swap-out var(--ap-loop) step-end infinite}.ap-swap-to-fill{animation:ap-swap-in var(--ap-loop) step-end infinite}@keyframes ap-swap-out{0%{opacity:1}53.4%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes ap-swap-in{0%{opacity:0}53.4%{opacity:1}90%{opacity:0}to{opacity:0}}.ap-swatch-fill{animation:ap-swatch-fill var(--ap-loop) ease infinite}@keyframes ap-swatch-fill{0%,52.6%{background-color:#1c1917}54.2%,88%{background-color:#e2603a}89.4%,to{background-color:#1c1917}}.ap-tab-body-agent{animation:ap-tab-agent-out var(--ap-loop) ease infinite}.ap-tab-body-edit{animation:ap-tab-edit-in var(--ap-loop) ease infinite}@keyframes ap-tab-agent-out{0%,61.5%{opacity:1}62.9%,86.5%{opacity:0}87.9%,to{opacity:1}}@keyframes ap-tab-edit-in{0%,61.5%{opacity:0}62.9%,86.5%{opacity:1}87.9%,to{opacity:0}}.ap-tab-agent{animation:ap-tab-underline-agent var(--ap-loop) step-end infinite}.ap-tab-edit{animation:ap-tab-underline-edit var(--ap-loop) step-end infinite}@keyframes ap-tab-underline-agent{0%{border-bottom-color:var(--ap-primary);opacity:1}62.2%{opacity:.55;border-bottom-color:#0000}87.1%{border-bottom-color:var(--ap-primary);opacity:1}to{border-bottom-color:var(--ap-primary);opacity:1}}@keyframes ap-tab-underline-edit{0%{opacity:.55;border-bottom-color:#0000}62.2%{border-bottom-color:var(--ap-primary);opacity:1}87.1%{opacity:.55;border-bottom-color:#0000}to{opacity:.55;border-bottom-color:#0000}}.ap-field-radius{animation:ap-field-focus var(--ap-loop) ease infinite}@keyframes ap-field-focus{0%,66.1%{background:0 0;border-color:#0000}67.2%,85%{border-color:var(--ap-primary);background:var(--ap-surface-active)}86.4%,to{background:0 0;border-color:#0000}}.ap-swap-from-radius{animation:ap-swap-out-radius var(--ap-loop) step-end infinite}.ap-swap-to-radius{animation:ap-swap-in-radius var(--ap-loop) step-end infinite}@keyframes ap-swap-out-radius{0%{opacity:1}67.9%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes ap-swap-in-radius{0%{opacity:0}67.9%{opacity:1}90%{opacity:0}to{opacity:0}}.ap-tweak-badge-wrap{animation:ap-badge-space var(--ap-loop) var(--pk-motion-ease-chrome) infinite}.ap-tweak-badge{animation:ap-badge-pop var(--ap-loop) var(--pk-motion-ease-overshoot) infinite}@keyframes ap-badge-space{0%,72.5%{width:0;margin-left:0}74%,85.5%{width:20px;margin-left:2px}86.9%,to{width:0;margin-left:0}}@keyframes ap-badge-pop{0%,72.5%{opacity:0;transform:scale(0)}74%,85.5%{opacity:1;transform:scale(1)}86.9%,to{opacity:0;transform:scale(0)}}@keyframes ap-handle-pop-0{0%,11.2%{opacity:0;transform:scale(.4)}12.2%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-1{0%,11.37%{opacity:0;transform:scale(.4)}12.37%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-2{0%,11.54%{opacity:0;transform:scale(.4)}12.54%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-3{0%,11.71%{opacity:0;transform:scale(.4)}12.71%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-4{0%,11.88%{opacity:0;transform:scale(.4)}12.88%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-5{0%,12.05%{opacity:0;transform:scale(.4)}13.05%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-6{0%,12.22%{opacity:0;transform:scale(.4)}13.22%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-handle-pop-7{0%,12.39%{opacity:0;transform:scale(.4)}13.39%,90.5%{opacity:1;transform:scale(1)}91.7%,to{opacity:0;transform:scale(.4)}}@keyframes ap-insp-row-0{0%,62.5%{opacity:0;transform:translateY(6px)}63.5%,87.46%{opacity:1;transform:translateY(0)}88.76%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-1{0%,62.78%{opacity:0;transform:translateY(6px)}63.78%,87.34%{opacity:1;transform:translateY(0)}88.64%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-2{0%,63.06%{opacity:0;transform:translateY(6px)}64.06%,87.22%{opacity:1;transform:translateY(0)}88.52%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-3{0%,63.34%{opacity:0;transform:translateY(6px)}64.34%,87.1%{opacity:1;transform:translateY(0)}88.4%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-4{0%,63.62%{opacity:0;transform:translateY(6px)}64.62%,86.98%{opacity:1;transform:translateY(0)}88.28%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-5{0%,63.9%{opacity:0;transform:translateY(6px)}64.9%,86.86%{opacity:1;transform:translateY(0)}88.16%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-6{0%,64.18%{opacity:0;transform:translateY(6px)}65.18%,86.74%{opacity:1;transform:translateY(0)}88.04%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-7{0%,64.46%{opacity:0;transform:translateY(6px)}65.46%,86.62%{opacity:1;transform:translateY(0)}87.92%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-insp-row-8{0%,64.74%{opacity:0;transform:translateY(6px)}65.74%,86.5%{opacity:1;transform:translateY(0)}87.8%,to{opacity:0;transform:translateY(6px)}}@keyframes ap-tl-head-1{0%,38.4%{opacity:0;transform:translateY(3px)}39.2%,78.5%{opacity:1;transform:translateY(0)}79.7%,to{opacity:0;transform:translateY(3px)}}@keyframes ap-tl-head-2{0%,41.8%{opacity:0;transform:translateY(3px)}42.6%,78.5%{opacity:1;transform:translateY(0)}79.7%,to{opacity:0;transform:translateY(3px)}}@keyframes ap-tl-head-3{0%,45.2%{opacity:0;transform:translateY(3px)}46%,78.5%{opacity:1;transform:translateY(0)}79.7%,to{opacity:0;transform:translateY(3px)}}@keyframes ap-tl-res-1{0%,39.2%{opacity:0}40%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-tl-res-2{0%,42.6%{opacity:0}43.4%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-tl-res-3{0%,46%{opacity:0}46.8%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-diff-line-0{0%,49.2%{opacity:0}50.1%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-diff-line-1{0%,49.82%{opacity:0}50.72%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-diff-line-2{0%,50.44%{opacity:0}51.34%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-diff-line-3{0%,51.06%{opacity:0}51.96%,78.5%{opacity:1}79.7%,to{opacity:0}}@keyframes ap-pulse{0%,to{opacity:1}50%{opacity:.3}}.ap-caret{animation:ap-caret-show var(--ap-loop) step-end infinite, ap-caret-blink 1.2s step-end infinite}@keyframes ap-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes ap-caret-show{0%{visibility:hidden}15.9%{visibility:visible}35.4%{visibility:hidden}to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.hero-visual *{animation:none!important}.animation-pause-btn{display:none}.ap-hover-box,.ap-insp-empty,.ap-tab-body-agent,.ap-caret,.ap-swap-from-radius,.ap-swap-from-fill{opacity:0}.ap-sel-box,.ap-sel-box .ap-box-label,.ap-handle,.ap-insp-filled,.ap-insp-row,.ap-tab-body-edit,.ap-msg-user,.ap-msg-assistant,.ap-tl-head,.ap-tl-res,.ap-diff,.ap-diff-line,.ap-placeholder,.ap-swap-to-radius,.ap-swap-to-fill,.ap-tweak-badge{opacity:1}.ap-insp-row{transform:translateY(0)}.ap-handle,.ap-sel-chip,.ap-tweak-badge{transform:scale(1)}.ap-diff{max-height:110px}.ap-typed{clip-path:inset(0 100% 0 0)}.ap-dot{width:0;margin-right:-8px}.ap-status-working{opacity:0}.ap-status-done{opacity:1}.ap-tab-agent{opacity:.55;border-bottom-color:#0000}.ap-tab-edit{border-bottom-color:var(--ap-primary);opacity:1}.ap-cta{background:#e2603a;border-radius:9999px}.ap-swatch-fill{background-color:#e2603a}.ap-field-radius{background:var(--ap-surface-active);border-color:var(--ap-primary)}.ap-tweak-badge-wrap{width:20px;margin-left:2px}.mock-cursor{display:none}}.hero-visual.is-paused *{animation-play-state:paused!important}:root{--verlay-blue:#3157f6;--verlay-blue-dark:#2443c8;--verlay-blue-soft:#eef1ff;--verlay-ink:#14151a}body{color:var(--verlay-ink)}.site-header{border-bottom:1px solid #14151a0e}.header-mark,.footer-brand-mark{color:var(--verlay-blue);object-fit:contain}.hero{--hero-copy-gap:16px;--hero-major-gap:32px;min-height:520px;padding-top:72px;padding-bottom:72px}.hero-eyebrow{width:auto;margin:0 0 var(--hero-major-gap);font-family:var(--pk-font-mono);color:var(--verlay-blue-dark);background:var(--verlay-blue-soft);border:1px solid #3157f61f;border-radius:9999px;align-self:center;align-items:center;gap:5px;padding:6px 11px;font-size:11px;line-height:16px;display:inline-flex}.hero-agent-label{align-items:center;gap:3px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:500;display:inline-flex}.hero-agent-icon{object-fit:contain;flex:none;width:14px;height:14px;display:block}.hero-agent-icon--vscode{width:14px;height:14px}.hero-agent-icon--chatgpt{filter:brightness(0)}.content#get-started{scroll-margin-top:64px}.hero-heading{letter-spacing:-.055em;text-wrap:balance;white-space:pre-line;max-width:860px;margin:0;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1.08}.hero-sub{max-width:720px;margin:var(--hero-copy-gap) 0 0;color:#696b73;text-wrap:pretty;white-space:pre-line;font-size:16px;line-height:1.8}.cta-row{margin-top:var(--hero-major-gap)}.cta-primary{background:var(--verlay-ink);font-weight:500}.cta-primary:hover,.cta-primary:focus-visible{background:var(--verlay-blue)}.hero-visual{background:radial-gradient(54% 82% at 108% 52%,#cee6ff 0%,#b7d7fb 42%,#0000 76%),radial-gradient(88% 132% at -6% -8%,#b9dcff 0%,#aad1f9 46%,#0000 76%),radial-gradient(76% 112% at 108% -4%,#a9cbff 0%,#86aff4 48%,#0000 76%),radial-gradient(90% 118% at -4% 108%,#f2fbff 0%,#e0f2fb 50%,#0000 76%),radial-gradient(86% 122% at 106% 108%,#5f8ee8 0%,#76a3ef 46%,#0000 76%),linear-gradient(128deg,#d9efff 0%,#b9d9ff 42%,#8cb8f5 70%,#6f9bea 100%);width:100%;padding:68px 48px;position:relative;overflow:hidden}.hero-visual:before{pointer-events:none;content:"";opacity:.88;filter:blur(64px);background:radial-gradient(52% 68% at 10% 14%,#5d97e847 0%,#0000 70%),radial-gradient(46% 64% at 104% 52%,#e5f2ff85 0%,#0000 70%),radial-gradient(58% 74% at 84% 8%,#75a6f157 0%,#0000 72%),radial-gradient(62% 82% at 18% 104%,#f5fcff9e 0%,#0000 72%),radial-gradient(58% 78% at 102% 100%,#3f70d547 0%,#0000 72%);position:absolute;inset:-12%;transform:scale(1.12)}.hero-visual:after{pointer-events:none;content:"";background:linear-gradient(112deg,#fff3,#0000 32%,#2a68d20e 74%,#0000);position:absolute;inset:0;box-shadow:inset 0 -1px #235ebe1f;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.hero-product-window{z-index:1;background:#fff;border:1px solid #14151a1a;border-radius:16px;width:100%;max-width:1120px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 36px 88px #2d40963b,0 10px 28px #3a34951f}.hero-window-bar{color:#a3a3a3;background:#f4f4f5;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:32px;padding:6px 12px;display:grid}.hero-window-left{align-items:center;gap:10px;display:flex}.hero-window-dots{gap:6px;display:flex}.hero-window-dots i{border-radius:50%;width:7px;height:7px}.hero-window-dots i:first-child{background:#f87171}.hero-window-dots i:nth-child(2){background:#fbbf24}.hero-window-dots i:nth-child(3){background:#4ade80}.hero-window-nav,.hero-window-share,.hero-window-url{background:#ffffff94;border-radius:9999px;align-items:center;display:inline-flex}.hero-window-nav{gap:4px;padding:3px 7px}.hero-window-nav svg,.hero-window-share svg{width:9px;height:9px}.hero-window-url{min-width:250px;font-family:var(--pk-font-mono);justify-content:center;gap:8px;padding:4px 10px;font-size:10px}.hero-window-url svg{width:8px;height:8px;margin-left:auto}.hero-window-share{justify-self:end;padding:4px 7px}.media-placeholder{color:#757989;background:#f8f9fd;border:1px dashed #3157f642;border-radius:10px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.media-placeholder-grid{background-image:linear-gradient(#3157f60e 1px,#0000 1px),linear-gradient(90deg,#3157f60e 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.media-placeholder-content{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:320px;padding:28px;display:flex;position:relative}.media-placeholder-content>div{flex-direction:column;gap:6px;display:flex}.media-placeholder-content strong{color:#454853;font-size:13px;font-weight:500}.media-placeholder-content span{color:#9497a3;font-size:11px;line-height:18px}.media-placeholder-icon{width:30px;height:30px;color:var(--verlay-blue);stroke-width:1.2px}.media-placeholder-index{font-family:var(--pk-font-mono);font-size:10px;position:absolute;top:0;left:0;color:var(--verlay-blue)!important}.hero-media-placeholder{min-height:500px;margin:24px}.hero-window-foot{color:#8a8d96;background:#fbfbfc;border-top:1px solid #14151a12;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:11px;display:flex}.hero-window-foot span{align-items:center;gap:8px;display:inline-flex}.hero-window-foot span:not(:last-child):after{color:#d0d1d5;content:"/"}.hero-window-foot .is-active{color:#148756}.steps-grid{gap:20px}.step-card{background:#fbfbfc;border:1px solid #14151a12;border-radius:16px;padding:20px 20px 32px}.media-placeholder-compact{background:#f4f6ff;width:100%;min-height:260px;margin-bottom:28px}.step-title{text-align:left;font-size:17px}.step-card-desc{text-align:left;max-width:none;margin:0}.output-block{border-color:#22242b;box-shadow:0 24px 64px #1115261a}.output-chrome{color:#aeb1bc;background:#202229;border-bottom:1px solid #ffffff14}.output-body{color:#d7d9e0;background:#17191f}.output-heading{color:#fff}.output-dim{color:#858995}.output-prop{color:#8eb3ff}.output-old{color:#ff8c98}.output-new,.output-hint{color:#6ee7ad}@media (width<=768px){.desktop-only,.hero-install{display:flex}.toc{max-height:0;transition:max-height .22s var(--pk-motion-ease-reveal) 80ms;display:block;overflow:hidden}.site-header.menu-open .toc{max-height:168px;transition:max-height .28s var(--pk-motion-ease-reveal)}.toc-inner{min-height:136px;overflow:visible}.hero{min-height:auto;padding:48px 24px}.hero-heading{font-size:clamp(38px,12vw,58px)}.hero-sub{font-size:15px}.cta-row{flex-wrap:wrap;justify-content:center}.hero-visual{padding:28px 16px}.hero-product-window{border-radius:12px}.hero-window-bar{grid-template-columns:1fr auto}.hero-window-url{display:none}.hero-media-placeholder{min-height:340px;margin:12px}.hero-window-foot{flex-wrap:wrap}.media-placeholder-compact{min-height:220px}}@media (width<=560px){.hero-window-foot span:not(:last-child):after{display:none}.hero-window-foot span{background:#f1f2f5;border-radius:9999px;padding:4px 8px}}.hero-product-window{--verlay-demo-loop:13.5s}.verlay-demo{color:#17191f;background:#f4f7fc;min-height:530px;position:relative;overflow:hidden}.verlay-demo-scene{position:absolute;inset:0;overflow:hidden}.verlay-demo-site{background:radial-gradient(circle at 28% 48%,#e0ebffb8,#0000 33%),linear-gradient(#fff 0%,#f7f9fd 100%);padding:0 350px 36px 40px;position:absolute;inset:0;overflow:hidden}.verlay-demo-site:before{pointer-events:none;content:"";background-image:linear-gradient(#3157f609 1px,#0000 1px),linear-gradient(90deg,#3157f609 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:68px 330px 0 0;-webkit-mask-image:radial-gradient(circle at 38% 48%,#000,#0000 72%);mask-image:radial-gradient(circle at 38% 48%,#000,#0000 72%)}.verlay-demo-site-nav{z-index:1;border-bottom:1px solid #14151a12;justify-content:space-between;align-items:center;height:56px;display:flex;position:relative}.verlay-demo-site-brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.verlay-demo-site-brand img{object-fit:contain;width:20px;height:20px}.verlay-demo-site-links{color:#838793;gap:22px;font-size:10px;display:flex}.verlay-demo-site-hero{z-index:1;max-width:540px;padding-top:70px;position:relative}.verlay-demo-site-kicker{font-family:var(--pk-font-mono);color:#3157f6;letter-spacing:.11em;font-size:9px}.verlay-demo-site-title{color:#16181d;letter-spacing:-.06em;animation:verlay-demo-title-color var(--verlay-demo-loop) linear infinite;margin:13px 0 0;font-size:clamp(30px,4vw,50px);font-weight:550;line-height:1.04}.verlay-demo-site-copy{color:#747884;max-width:390px;margin:18px 0 0;font-size:13px;line-height:1.7}.verlay-demo-site-cta{color:#fff;background:#17191f;border-radius:9999px;align-items:center;height:36px;margin-top:22px;padding:0 18px;font-size:11px;display:inline-flex}.verlay-demo-site-cards{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;bottom:30px;left:40px;right:350px}.verlay-demo-site-cards span{color:#555965;background:#ffffffc7;border:1px solid #14151a12;border-radius:10px;align-items:center;gap:8px;min-height:54px;padding:12px;font-size:10px;display:flex;box-shadow:0 8px 24px #3743760d}.verlay-demo-site-cards i{background:#eef1ff;border:1px solid #3157f624;border-radius:6px;width:21px;height:21px}.verlay-demo-panel{z-index:4;color:#eef0f6;background:#1b1d24;border:1px solid #ffffff1a;border-radius:12px;width:316px;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 28px 60px #1114263d,0 8px 20px #11142629}.verlay-demo-panel-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.verlay-demo-brand,.verlay-demo-live{align-items:center;gap:7px;display:inline-flex}.verlay-demo-brand{font-size:12px;font-weight:600}.verlay-demo-brand img{object-fit:contain;width:18px;height:18px}.verlay-demo-live{color:#9ca1ae;font-size:9px}.verlay-demo-live i{background:#49d691;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #49d6911f}.verlay-demo-tabs{color:#8c919e;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;height:42px;display:grid}.verlay-demo-tab{justify-content:center;align-items:center;gap:6px;font-size:10px;display:inline-flex;position:relative}.verlay-demo-tab svg{width:14px;height:14px}.verlay-demo-tab:after{content:"";background:#4f74ff;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.verlay-demo-tab-edit{animation:verlay-demo-tab-edit var(--verlay-demo-loop) linear infinite}.verlay-demo-tab-edit:after{animation:verlay-demo-tab-line-edit var(--verlay-demo-loop) linear infinite}.verlay-demo-tab-codex{animation:verlay-demo-tab-codex var(--verlay-demo-loop) linear infinite}.verlay-demo-tab-codex:after{animation:verlay-demo-tab-line-codex var(--verlay-demo-loop) linear infinite}.verlay-demo-panel-stage{height:calc(100% - 90px);position:relative}.verlay-demo-pane{padding:14px;position:absolute;inset:0}.verlay-demo-edit-pane{animation:verlay-demo-edit-pane var(--verlay-demo-loop) linear infinite}.verlay-demo-codex-pane{opacity:0;animation:verlay-demo-codex-pane var(--verlay-demo-loop) linear infinite}.verlay-demo-section{border-bottom:1px solid #ffffff13;margin-bottom:14px;padding:0 0 14px}.verlay-demo-section-label{font-family:var(--pk-font-mono);color:#777d89;letter-spacing:.1em;margin-bottom:8px;font-size:8px;display:block}.verlay-demo-source{font-family:var(--pk-font-mono);color:#b5b9c3;font-size:9px}.verlay-demo-layer-chip{font-family:var(--pk-font-mono);color:#d9e0ff;background:#4f74ff26;border:1px solid #6584ff47;border-radius:6px;padding:5px 8px;font-size:9px;display:inline-flex}.verlay-demo-color-field{height:34px;font-family:var(--pk-font-mono);color:#b6bac5;animation:verlay-demo-field-focus var(--verlay-demo-loop) linear infinite;background:#23262e;border:1px solid #353944;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 9px;font-size:9px;display:grid}.verlay-demo-current-swatch{width:16px;height:16px;animation:verlay-demo-swatch var(--verlay-demo-loop) linear infinite;background:#16181d;border:1px solid #ffffff24;border-radius:4px}.verlay-demo-color-values{display:grid;position:relative}.verlay-demo-color-values>span{grid-area:1/1}.verlay-demo-color-old{animation:verlay-demo-old-value var(--verlay-demo-loop) linear infinite}.verlay-demo-color-new{color:#a9b9ff;opacity:0;animation:verlay-demo-new-value var(--verlay-demo-loop) linear infinite}.verlay-demo-swatches{gap:7px;margin-top:9px;display:flex}.verlay-demo-swatches i{border:2px solid #1b1d24;border-radius:6px;width:22px;height:22px;box-shadow:0 0 0 1px #ffffff21}.verlay-demo-swatches .is-target{animation:verlay-demo-target-swatch var(--verlay-demo-loop) linear infinite}.verlay-demo-change-summary{color:#858a97;justify-content:space-between;align-items:center;margin-top:2px;font-size:9px;display:flex}.verlay-demo-change-summary strong{color:#bdc8ff;font-weight:500}.verlay-demo-confirm{color:#fff;height:36px;animation:verlay-demo-confirm var(--verlay-demo-loop) linear infinite;background:#3157f6;border-radius:8px;place-items:center;font-size:10px;font-weight:550;display:grid;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 8px 20px #3157f633}.verlay-demo-codex-title{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.verlay-demo-codex-title>span{align-items:center;gap:7px;font-size:11px;font-weight:550;display:inline-flex}.verlay-demo-codex-title svg{color:#8098ff;width:16px;height:16px}.verlay-demo-codex-pulse{background:#6f8aff;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite verlay-demo-pulse}.verlay-demo-request{color:#dce2ff;background:#3157f624;border:1px solid #5b7bff33;border-radius:8px;padding:10px;font-size:9px;line-height:1.55}.verlay-demo-agent-steps{flex-direction:column;gap:10px;padding:14px 2px 12px;display:flex}.verlay-demo-agent-step{color:#a7abb6;opacity:0;align-items:center;gap:8px;font-size:9px;display:flex;transform:translateY(5px)}.verlay-demo-agent-step i{background:#6f8aff;border-radius:50%;width:6px;height:6px}.verlay-demo-agent-step strong{color:#e8eaf1;font-weight:550}.verlay-demo-agent-step.is-step-one{animation:verlay-demo-step-one var(--verlay-demo-loop) linear infinite}.verlay-demo-agent-step.is-step-two{animation:verlay-demo-step-two var(--verlay-demo-loop) linear infinite}.verlay-demo-diff{font-family:var(--pk-font-mono);opacity:0;animation:verlay-demo-diff-in var(--verlay-demo-loop) linear infinite;background:#15171d;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;font-size:8px;line-height:1.75;display:flex;overflow:hidden;transform:translateY(5px)}.verlay-demo-diff-file{color:#a9adb8;border-bottom:1px solid #ffffff12;padding:6px 8px}.verlay-demo-diff code{padding:2px 8px;font-family:inherit}.verlay-demo-success{color:#dff8ea;opacity:0;animation:verlay-demo-success-in var(--verlay-demo-loop) linear infinite;background:#23a1611f;border:1px solid #45d38533;border-radius:8px;align-items:center;gap:9px;margin-top:10px;padding:10px;display:flex;transform:translateY(5px)scale(.98)}.verlay-demo-success-icon{color:#fff;background:#29ae6c;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.verlay-demo-success>span:last-child{flex-direction:column;gap:2px;display:flex}.verlay-demo-success strong{font-size:10px;font-weight:600}.verlay-demo-success small{color:#94bca6;font-size:8px}.verlay-demo-selection{z-index:3;pointer-events:none;opacity:0;width:39%;height:21.5%;animation:verlay-demo-selection var(--verlay-demo-loop) linear infinite;border:2px solid #3157f6;border-radius:3px;position:absolute;top:29.5%;left:3.35%;transform:scale(.99);box-shadow:0 0 0 1px #fff,inset 0 0 0 999px #3157f60a}.verlay-demo-selection>span{font-family:var(--pk-font-mono);color:#fff;white-space:nowrap;background:#3157f6;border-radius:4px 4px 4px 0;padding:3px 6px;font-size:8px;position:absolute;bottom:calc(100% + 2px);left:-2px}.verlay-demo-selection>i{background:#fff;border:1.5px solid #3157f6;width:7px;height:7px;position:absolute}.verlay-demo-selection .is-nw{top:-4px;left:-4px}.verlay-demo-selection .is-ne{top:-4px;right:-4px}.verlay-demo-selection .is-se{bottom:-4px;right:-4px}.verlay-demo-selection .is-sw{bottom:-4px;left:-4px}.verlay-demo-cursor{z-index:8;filter:drop-shadow(0 2px 2px #14171f38);transform-origin:2px 2px;width:18px;height:18px;animation:verlay-demo-cursor var(--verlay-demo-loop) cubic-bezier(.55, 0, .15, 1) infinite;position:absolute;top:78%;left:45%}@keyframes verlay-demo-cursor{0%,4%{opacity:0;top:78%;left:45%;transform:scale(1)}6%{opacity:1}12%{top:31.6%;left:29.9%;transform:scale(1)}14%{top:31.6%;left:29.9%;transform:scale(.78)}16%{top:31.6%;left:29.9%;transform:scale(1)}22%{top:72.2%;left:85.8%;transform:scale(1)}25%{top:72.2%;left:85.8%;transform:scale(.78)}27%{top:72.2%;left:85.8%;transform:scale(1)}29%{top:79.3%;left:58.5%;transform:scale(1)}31%{top:79.3%;left:58.5%;transform:scale(.78)}33%{top:79.3%;left:58.5%;transform:scale(1)}39%{opacity:1;top:90.2%;left:93.8%;transform:scale(1)}42%{top:90.2%;left:93.8%;transform:scale(.78)}44%{opacity:1;top:90.2%;left:93.8%;transform:scale(1)}48%,92%{opacity:0;top:90.2%;left:93.8%;transform:scale(1)}to{opacity:0;top:78%;left:45%;transform:scale(1)}}@keyframes verlay-demo-selection{0%,13%{opacity:0;transform:scale(.99)}16%,44%{opacity:1;transform:scale(1)}48%,to{opacity:0;transform:scale(1)}}@keyframes verlay-demo-title-color{0%,29%{color:#16181d}32%,94%{color:#3157f6}98%,to{color:#16181d}}@keyframes verlay-demo-field-focus{0%,25%,33%,to{box-shadow:none;border-color:#353944}28%,31%{border-color:#6582ff;box-shadow:0 0 0 2px #4f74ff26}}@keyframes verlay-demo-swatch{0%,29%{background:#16181d}32%,94%{background:#3157f6}98%,to{background:#16181d}}@keyframes verlay-demo-old-value{0%,29%{opacity:1}32%,94%{opacity:0}98%,to{opacity:1}}@keyframes verlay-demo-new-value{0%,29%{opacity:0}32%,94%{opacity:1}98%,to{opacity:0}}@keyframes verlay-demo-target-swatch{0%,26%,33%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff21}29%{transform:scale(.9);box-shadow:0 0 0 1px #fff,0 0 0 3px #5f7dff}31%{transform:scale(1);box-shadow:0 0 0 1px #fff,0 0 0 3px #5f7dff}}@keyframes verlay-demo-confirm{0%,31%,98%,to{color:#0a1b3338;box-shadow:none;background:#f7f8f9;border-color:#e1e3e6;transform:scale(1)}34%,39%,45%,94%{color:#fff;background:#1c64f2;border-color:#1c64f2;transform:scale(1);box-shadow:0 6px 16px #1c64f233}42%{color:#fff;background:#174fc5;border-color:#174fc5;transform:scale(.96);box-shadow:0 2px 8px #1c64f22e}}@keyframes verlay-demo-edit-pane{0%,44%{visibility:visible;opacity:1;transform:translate(0)}49%,96%{visibility:hidden;opacity:0;transform:translate(-10px)}to{visibility:visible;opacity:1;transform:translate(0)}}@keyframes verlay-demo-codex-pane{0%,44%{visibility:hidden;opacity:0;transform:translate(10px)}49%,94%{visibility:visible;opacity:1;transform:translate(0)}98%,to{visibility:hidden;opacity:0;transform:translate(10px)}}@keyframes verlay-demo-tab-edit{0%,45%{color:#0a1b33}49%,96%{color:#7f8a99}to{color:#0a1b33}}@keyframes verlay-demo-tab-codex{0%,45%{color:#7f8a99}49%,96%{color:#0a1b33}to{color:#7f8a99}}@keyframes verlay-demo-tab-line-edit{0%,45%{transform:scaleX(1)}49%,96%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes verlay-demo-tab-line-codex{0%,45%{transform:scaleX(0)}49%,96%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes verlay-demo-step-one{0%,52%{opacity:0;transform:translateY(5px)}56%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(5px)}}@keyframes verlay-demo-step-two{0%,59%{opacity:0;transform:translateY(5px)}63%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(5px)}}@keyframes verlay-demo-diff-in{0%,66%{opacity:0;transform:translateY(5px)}70%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(5px)}}@keyframes verlay-demo-success-in{0%,76%{opacity:0;transform:translateY(5px)scale(.98)}80%,94%{opacity:1;transform:translateY(0)scale(1)}98%,to{opacity:0;transform:translateY(5px)scale(.98)}}@keyframes verlay-demo-pulse{0%,to{opacity:.7;box-shadow:0 0 #6f8aff61}50%{opacity:1;box-shadow:0 0 0 5px #6f8aff00}}.hero-window-foot span{animation-duration:var(--verlay-demo-loop);animation-timing-function:linear;animation-iteration-count:infinite}.hero-window-foot .is-select{animation-name:verlay-demo-foot-select}.hero-window-foot .is-edit{animation-name:verlay-demo-foot-edit}.hero-window-foot .is-confirm{animation-name:verlay-demo-foot-confirm}.hero-window-foot .is-save{animation-name:verlay-demo-foot-save}@keyframes verlay-demo-foot-select{0%,18%{color:#3157f6}22%,to{color:#8a8d96}}@keyframes verlay-demo-foot-edit{0%,17%,46%,to{color:#8a8d96}21%,43%{color:#3157f6}}@keyframes verlay-demo-foot-confirm{0%,42%,51%,to{color:#8a8d96}45%,48%{color:#3157f6}}@keyframes verlay-demo-foot-save{0%,47%,98%,to{color:#8a8d96}51%,94%{color:#148756}}@media (width<=760px){.verlay-demo{min-height:430px}.verlay-demo-site{padding:0 49% 24px 20px}.verlay-demo-site:before{right:45%}.verlay-demo-site-nav{height:52px}.verlay-demo-site-links{display:none}.verlay-demo-site-brand{gap:5px;font-size:9px}.verlay-demo-site-brand img{width:13px;height:13px}.verlay-demo-site-hero{padding-top:62px}.verlay-demo-site-kicker{font-size:6px}.verlay-demo-site-title{margin-top:9px;font-size:clamp(17px,5.2vw,24px)}.verlay-demo-site-copy{margin-top:12px;font-size:8px;line-height:1.5}.verlay-demo-site-cta{height:28px;margin-top:14px;padding:0 10px;font-size:8px}.verlay-demo-site-cards{grid-template-columns:1fr;bottom:18px;left:20px;right:49%}.verlay-demo-site-cards span{display:none}.verlay-demo-site-cards span:first-child{min-height:42px;padding:8px;font-size:7px;display:flex}.verlay-demo-panel{border-radius:9px;width:46%;top:8px;bottom:8px;right:8px}.verlay-demo-panel-head{height:40px;padding:0 8px}.verlay-demo-brand{gap:4px;font-size:7px}.verlay-demo-brand img{width:13px;height:13px}.verlay-demo-live{display:none}.verlay-demo-tabs{height:34px}.verlay-demo-tab{gap:3px;font-size:7px}.verlay-demo-tab svg{width:10px;height:10px}.verlay-demo-panel-stage{height:calc(100% - 74px)}.verlay-demo-pane{padding:8px}.verlay-demo-section{margin-bottom:9px;padding-bottom:9px}.verlay-demo-section-label{margin-bottom:5px;font-size:6px}.verlay-demo-source,.verlay-demo-layer-chip,.verlay-demo-color-field,.verlay-demo-change-summary,.verlay-demo-request,.verlay-demo-agent-step,.verlay-demo-diff{font-size:6px}.verlay-demo-layer-chip{padding:4px 5px}.verlay-demo-color-field{gap:4px;height:27px;padding:0 5px}.verlay-demo-current-swatch{width:12px;height:12px}.verlay-demo-swatches{gap:4px;margin-top:6px}.verlay-demo-swatches i{border-radius:4px;width:15px;height:15px}.verlay-demo-confirm{height:28px;font-size:7px;bottom:8px;left:8px;right:8px}.verlay-demo-codex-title{margin-bottom:8px;padding-bottom:8px}.verlay-demo-codex-title>span{gap:4px;font-size:7px}.verlay-demo-codex-title svg{width:11px;height:11px}.verlay-demo-request{padding:7px}.verlay-demo-agent-steps{gap:7px;padding:9px 1px 8px}.verlay-demo-diff-file,.verlay-demo-diff code{padding-left:5px;padding-right:5px}.verlay-demo-success{gap:5px;margin-top:7px;padding:7px}.verlay-demo-success-icon{width:16px;height:16px;font-size:8px}.verlay-demo-success strong{font-size:7px}.verlay-demo-success small{font-size:5.5px}.verlay-demo-selection{width:38%;height:15.5%;top:30.5%;left:5.1%}.verlay-demo-selection>span{font-size:5.5px}.verlay-demo-selection>i{width:5px;height:5px}.verlay-demo-cursor{width:13px;height:13px}}.verlay-demo-site:before,.verlay-demo-site-cards{right:334px}.verlay-demo-panel{color:#0a1b33;background:#fff;border:1px solid #0a1b3314;border-radius:12px;width:300px;box-shadow:0 24px 56px #25375829,0 6px 18px #25375817}.verlay-demo-tabs{color:#7f8a99;background:#fff;border-bottom:1px solid #eef0f3;justify-content:flex-start;align-items:stretch;gap:24px;height:52px;padding:0 16px;display:flex}.verlay-demo-tab{flex:none;justify-content:flex-start;font-size:11px;font-weight:550}.verlay-demo-tab:after{background:#1769ff;left:0;right:0}.verlay-demo-panel-stage{background:#fff;height:calc(100% - 52px)}.verlay-demo-section{border:0;border-bottom:1px solid #eef0f3;margin:0 0 4px;padding:0 0 4px}.verlay-demo-section-label{font-family:var(--pk-font-sans);color:#0a1b33;letter-spacing:-.01em;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;font-weight:600;display:flex}.verlay-demo-section-label b{color:#8d99a8;font-size:16px;font-weight:400}.verlay-demo-property-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 16px;gap:3px;display:grid}.verlay-demo-property-grid>span,.verlay-demo-select-field{color:#536174;background:#f5f6f8;border-radius:6px;justify-content:space-between;align-items:center;height:20px;padding:0 7px;font-size:8px;display:flex}.verlay-demo-property-grid>.is-col-1{grid-column:1}.verlay-demo-property-grid>.is-col-2{grid-column:2}.verlay-demo-property-grid>span i{color:#99a2af;margin-right:7px;font-style:normal}.verlay-demo-radius-field{grid-column:1}.verlay-demo-field-action{color:#99a2af;grid-column:3;place-items:center;font-size:11px;font-weight:400;display:grid}.verlay-demo-spacing-grid>.verlay-demo-field-action:first-of-type{grid-row:1}.verlay-demo-spacing-grid>.verlay-demo-field-action:nth-of-type(2){grid-row:2}.verlay-demo-select-field{color:#25354b;width:100%;margin-bottom:6px}.verlay-demo-select-field i,.verlay-demo-property-grid i{color:#99a2af;font-style:normal}.verlay-demo-type-grid{margin-bottom:6px}.verlay-demo-color-field{color:#48576b;background:#f5f6f8;border:1px solid #0000;border-radius:6px;height:22px}.verlay-demo-fill-field,.verlay-demo-shadow-color{animation:none}.verlay-demo-fill-swatch,.verlay-demo-shadow-swatch{border:1px solid #0a1b3314;border-radius:6px;width:17px;height:17px}.verlay-demo-fill-swatch{background:#fff}.verlay-demo-shadow-swatch{background:#0a1b33;box-shadow:inset 0 0 0 3px #ffffff1f}.verlay-demo-detail-section{margin-left:-12px;margin-right:-12px;padding:0 12px 4px}.verlay-demo-single-field{grid-template-columns:1fr 16px}.verlay-demo-single-field>span{grid-column:1!important}.verlay-demo-single-field>.verlay-demo-field-action{grid-column:2}.verlay-demo-shadow-section{border-bottom:0;margin-bottom:0;padding-bottom:4px}.verlay-demo-shadow-color{margin-top:3px}.verlay-demo-current-swatch{border-color:#0a1b331f}.verlay-demo-color-new{color:#1769ff}.verlay-demo-align-row{color:#8c98a7;background:#f5f6f8;border-radius:6px;gap:4px;margin-top:6px;padding:5px;display:inline-flex}.verlay-demo-align-row span{place-items:center;width:22px;height:18px;font-size:11px;display:grid}.verlay-demo-collapsed-section{color:#0a1b33;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;min-height:42px;font-size:11px;font-weight:600;display:flex}.verlay-demo-collapsed-section strong{color:#a2acb9;font-size:16px;font-weight:400}.verlay-demo-edit-footer{z-index:6;height:50px;animation:verlay-demo-edit-pane var(--verlay-demo-loop) linear infinite;background:#fff;border-top:1px solid #eef0f3;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.verlay-demo-edit-footer>span:first-child{color:#0a1b33;background:#f5f6f8;border-radius:7px;flex:1;align-items:center;height:32px;padding:0 10px;font-size:9px;display:flex}.verlay-demo-confirm{color:#c7ccd4;width:62px;height:32px;box-shadow:none;background:#fafbfc;border:1px solid #dfe3e8;border-radius:9999px;flex:none;place-items:center;font-size:10px;font-weight:550;animation:none;display:grid;position:static}.verlay-demo-codex-pane{color:#0a1b33;background:#fff;padding-top:44px}.verlay-demo-codex-tools{color:#8d99a8;border-bottom:1px solid #eef0f3;justify-content:flex-end;align-items:center;gap:14px;height:36px;display:flex;position:absolute;top:0;left:12px;right:12px}.verlay-demo-codex-tools svg{width:13px;height:13px}.verlay-demo-codex-tools span{font-size:13px}.verlay-demo-codex-title{color:#0a1b33;border-color:#eef0f3;margin-bottom:10px;padding-bottom:10px}.verlay-demo-codex-title svg{color:#1769ff}.verlay-demo-codex-pulse{background:#1769ff}.verlay-demo-request{color:#42546c;background:#f3f7ff;border-color:#d9e6ff}.verlay-demo-agent-step{color:#667588}.verlay-demo-agent-step i{background:#1769ff}.verlay-demo-diff{color:#536174;background:#f8f9fb;border-color:#e8ebef}.verlay-demo-diff .is-old{color:#be5966;background:#fff1f2}.verlay-demo-diff .is-new{color:#20825a;background:#eefaf4}.verlay-demo-success{color:#176343;background:#effaf5;border-color:#cfeede}.verlay-demo-success small{color:#6a8d7b}.verlay-demo-composer{z-index:7;color:#677588;opacity:0;min-height:76px;animation:verlay-demo-codex-pane var(--verlay-demo-loop) linear infinite;background:#fff;border:1px solid #dfe3e8;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:7px;padding:9px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 6px 18px #2537581f}.verlay-demo-composer-chip{color:#3d4e65;background:#f4f6f8;border:1px solid #e1e5ea;border-radius:6px;align-items:center;height:22px;padding:0 7px;font-size:8px;display:inline-flex}.verlay-demo-composer-placeholder{color:#9aa4b1;flex:1 0 100%;font-size:8px}.verlay-demo-composer-send{color:#fff;background:#1769ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid;position:absolute;bottom:8px;right:8px}@media (width<=760px){.verlay-demo-site{padding-right:49%}.verlay-demo-site:before,.verlay-demo-site-cards{right:49%}.verlay-demo-panel{width:46%}.verlay-demo-tabs{gap:12px;height:40px;padding:0 8px}.verlay-demo-tab{font-size:7px}.verlay-demo-panel-stage{height:calc(100% - 40px)}.verlay-demo-pane{padding:8px 8px 50px}.verlay-demo-section{margin-bottom:8px}.verlay-demo-section-label{margin-bottom:5px;font-size:7px}.verlay-demo-property-grid{gap:4px}.verlay-demo-property-grid>span,.verlay-demo-select-field{border-radius:4px;height:22px;padding:0 5px;font-size:6px}.verlay-demo-color-field{height:24px}.verlay-demo-align-row{margin-top:4px;padding:3px}.verlay-demo-align-row span{width:16px;height:14px;font-size:8px}.verlay-demo-collapsed-section{min-height:30px;font-size:7px}.verlay-demo-edit-footer{gap:5px;height:44px;padding:6px}.verlay-demo-edit-footer>span:first-child{height:30px;padding:0 6px;font-size:6px}.verlay-demo-confirm{width:44px;height:30px;font-size:7px}.verlay-demo-codex-pane{padding-top:34px}.verlay-demo-codex-tools{gap:9px;height:30px;left:7px;right:7px}.verlay-demo-composer{border-radius:7px;min-height:58px;padding:6px;bottom:6px;left:6px;right:6px}.verlay-demo-composer-chip,.verlay-demo-composer-placeholder{font-size:5.5px}.verlay-demo-composer-send{width:18px;height:18px;font-size:9px;bottom:5px;right:5px}}.verlay-demo{background:#fafaf9}.verlay-demo:after{z-index:5;pointer-events:none;content:"";background:#e7e5e4;height:1px;position:absolute;top:55px;left:0;right:0}.verlay-demo-site{background:#fafaf9;padding:0 334px 0 0}.verlay-demo-site:before{display:none}.verlay-demo-site-nav{background:#fafaf9;height:56px;padding:0 40px}.verlay-demo-site-brand{color:#1c1917;letter-spacing:-.025em;gap:10px;font-size:18px;font-weight:600}.verlay-demo-site-brand img{width:22px;height:22px}.verlay-demo-site-hero{width:520px;max-width:none;padding:64px 56px 0}.verlay-demo-site-kicker{color:#3157f6;letter-spacing:.11em;font-size:9px;position:absolute;top:38px;left:56px}.verlay-demo-site-title{color:#1c1917;letter-spacing:-.025em;width:max-content;margin:0;font-size:60px;font-weight:500;line-height:1.06}.verlay-demo-site-copy{color:#78716c;width:408px;max-width:none;margin:16px 0 0;font-size:15px;line-height:1.5}.verlay-demo-site-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.verlay-demo-site-cta{color:#fff;background:#1c1917;border-radius:6px;align-items:center;height:45px;margin:0;padding:0 24px;font-size:14px;font-weight:500;display:flex}.verlay-demo-site-command{font-family:var(--pk-font-mono);color:#78716c;white-space:nowrap;font-size:12px}.verlay-demo-site-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;bottom:83px;left:56px;right:334px}.verlay-demo-site-cards span{color:#1c1917;min-height:74px;box-shadow:none;background:#fff;border:1px solid #e7e5e4;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:14px 16px;display:flex}.verlay-demo-site-cards strong{font-size:12px;font-weight:550}.verlay-demo-site-cards small{color:#78716c;font-size:9px;line-height:1.45}.verlay-demo-feature-card{color:#1c1917;background:#fff;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;min-height:74px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #1c19170b}.verlay-demo-site-cards .verlay-demo-feature-icon{color:#1c1917;background:0 0;border:0;border-radius:0;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.verlay-demo-feature-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.verlay-demo-feature-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.verlay-demo-title-wrap{width:max-content;position:relative}.verlay-demo-title-wrap .verlay-demo-selection{width:100%;height:100%;inset:0}.verlay-demo-toolbar{z-index:3;color:#b7b7b7;background:#313131;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:2px;width:318px;height:44px;padding:4px;display:flex;position:absolute;bottom:12px;left:calc(50% - 167px);transform:translate(-50%);box-shadow:0 0 0 1px #ffffff14}.verlay-demo-toolbar>svg,.verlay-demo-toolbar>span:not(.verlay-demo-toolbar-mode){border-radius:5px;place-items:center;width:32px;height:34px;padding:7px;display:grid}.verlay-demo-toolbar>svg{padding:8px}.verlay-demo-toolbar>span.is-active{color:#fff;background:#0d99ff}.verlay-demo-toolbar svg{width:18px;height:18px}.verlay-demo-toolbar>i{background:#ffffff14;width:1px;height:25px;margin:0 2px}.verlay-demo-toolbar-mode{background:#3f3f3f;border-radius:6px;align-items:center;gap:2px;height:34px;padding:2px;display:flex}.verlay-demo-toolbar-mode strong{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:10px;font-weight:500;display:flex}.verlay-demo-toolbar-mode strong:first-child{color:#fff;background:#343434;box-shadow:inset 0 0 0 1px #ffffff1a}.verlay-demo-toolbar-mode svg{width:14px;height:14px}@media (width<=760px){.verlay-demo-site{padding-right:49%}.verlay-demo-site-nav{height:52px;padding:0 20px}.verlay-demo-site-brand{gap:5px;font-size:9px}.verlay-demo-site-brand img{width:13px;height:13px}.verlay-demo-site-hero{width:auto;padding:52px 20px 0}.verlay-demo-site-kicker{font-size:5.5px;top:34px;left:20px}.verlay-demo-site-title{width:100%;font-size:clamp(17px,5.2vw,22px);line-height:1.1}.verlay-demo-site-copy{width:100%;margin-top:10px;font-size:7px;line-height:1.5}.verlay-demo-site-actions{flex-direction:column;align-items:flex-start;gap:7px;margin-top:16px}.verlay-demo-site-cta{border-radius:4px;height:28px;padding:0 11px;font-size:8px}.verlay-demo-site-command{font-size:5.5px}.verlay-demo-site-cards{display:block;bottom:57px;left:20px;right:49%}.verlay-demo-site-cards span{display:none}.verlay-demo-site-cards span:first-child{min-height:42px;padding:8px;display:flex}.verlay-demo-site-cards strong{font-size:7px}.verlay-demo-site-cards small{font-size:5.5px}.verlay-demo-feature-card{display:none}.verlay-demo-feature-card:first-child{min-height:42px;padding:8px;display:flex}.verlay-demo-site-cards .verlay-demo-feature-icon{flex-basis:13px;width:13px;height:13px}.verlay-demo-feature-icon svg{width:12px;height:12px}.verlay-demo-selection{width:39%;height:13%;top:24.2%;left:5.5%}.verlay-demo-toolbar{border-radius:6px;gap:1px;width:auto;height:30px;padding:3px;bottom:8px;left:25.5%}.verlay-demo-toolbar>svg,.verlay-demo-toolbar>span:not(.verlay-demo-toolbar-mode){width:22px;height:24px;padding:5px}.verlay-demo-toolbar>svg{padding:6px}.verlay-demo-toolbar>i{height:18px;margin:0 1px}.verlay-demo-toolbar-mode{display:none}.verlay-demo-toolbar svg{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.verlay-demo *,.verlay-demo :before,.verlay-demo :after,.hero-window-foot span{animation:none!important}.verlay-demo-site-title{color:#3157f6}.verlay-demo-selection,.verlay-demo-cursor,.verlay-demo-edit-pane,.verlay-demo-edit-footer,.verlay-demo-color-old,.verlay-demo-tab-edit:after,.verlay-demo-codex-pulse{visibility:hidden;opacity:0}.verlay-demo-codex-pane,.verlay-demo-composer,.verlay-demo-color-new,.verlay-demo-agent-step,.verlay-demo-diff,.verlay-demo-success{visibility:visible;opacity:1;transform:none}.verlay-demo-tab-edit{color:#7f8a99}.verlay-demo-tab-codex{color:#0a1b33}.verlay-demo-tab-codex:after{transform:scaleX(1)}.hero-window-foot .is-save{color:#148756}}.hero-product-window{height:580px}.verlay-demo{height:548px;min-height:0}.verlay-demo-site{padding-right:354px}.verlay-demo-site-cards{right:354px}.verlay-demo-panel{z-index:6;color:#0a1b33;width:280px;animation:verlay-demo-panel-width var(--verlay-demo-loop) linear infinite;background:#fff;border:0;border-radius:12px;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:visible;box-shadow:0 0 1px #0a1b331a,0 4px 16px #0a1b3324}.verlay-demo-tabs{color:#878f9b;background:#fff;border-bottom:1px solid #0a1b330f;border-radius:12px 12px 0 0;gap:20px;height:52px;padding:0 16px}.verlay-demo-tab{height:52px;font-size:14px;font-weight:600;line-height:22px}.verlay-demo-tab:after{background:#1c64f2;border-radius:2px 2px 0 0;height:2px;bottom:0}.verlay-demo-panel-stage{background:#fff;border-radius:0 0 12px 12px;height:calc(100% - 52px);overflow:hidden}.verlay-demo-pane{padding:0 0 72px;overflow:hidden}.verlay-ui-geometry{border-bottom:1px solid #0a1b330f;padding:12px 16px}.verlay-ui-geometry h3,.verlay-ui-section h3{color:#0a1b33;margin:0;padding:0;font-size:14px;font-weight:600;line-height:22px}.verlay-ui-geometry h3{margin-bottom:8px}.verlay-ui-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.verlay-ui-field{color:#0a1b33;background:#f7f8f9;border-radius:6px;align-items:center;gap:2px;min-width:0;height:28px;padding:0 4px;font-size:12px;line-height:20px;display:flex}.verlay-ui-field-icon{color:#878f9b;flex:0 0 24px;place-items:center;height:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:16px;display:grid}.verlay-ui-field-icon img,.verlay-ui-icon-button img,.verlay-ui-section-head>img{width:20px;height:20px;display:block}.verlay-ui-corner-row{grid-column:1/-1;align-items:center;gap:8px;display:flex}.verlay-ui-corner-row>.verlay-ui-field{flex:0 calc(50% - 4px)}.verlay-ui-icon-button{flex:0 0 20px;place-items:center;width:20px;height:28px;margin-left:auto;display:grid}.verlay-ui-section{border-bottom:1px solid #0a1b330f}.verlay-ui-section-head{align-items:center;gap:8px;min-height:42px;padding:12px 16px 8px;display:flex}.verlay-ui-section-head>img{margin-left:auto}.verlay-ui-section-body{flex-direction:column;gap:8px;padding:0 16px 12px;display:flex}.verlay-ui-spacing-row,.verlay-ui-stroke-row{align-items:center;gap:8px;display:flex}.verlay-ui-spacing-row>.verlay-ui-grid{flex:100%}.verlay-ui-stroke-row>.verlay-ui-field{flex:auto}.verlay-ui-paint-row{color:#0a1b33;background:#f7f8f9;border-radius:6px;grid-template-columns:28px 1fr 72px;align-items:center;height:28px;padding-left:8px;font-size:12px;line-height:20px;display:grid;overflow:hidden}.verlay-ui-paint-row>i{border:1px solid #0a1b331f;border-radius:4px;width:20px;height:20px;display:block}.verlay-ui-paint-opacity{color:#4c596a;border-left:1px solid #fff;justify-content:flex-end;align-items:center;height:28px;padding-right:8px;display:flex}.verlay-ui-paint-row.is-animated-fill{animation:verlay-demo-paint-focus var(--verlay-demo-loop) linear infinite}.verlay-ui-paint-row.is-animated-fill>i{animation:verlay-demo-fill-swatch var(--verlay-demo-loop) linear infinite}.verlay-ui-paint-row.is-animated-fill .verlay-ui-paint-hex{display:grid}.verlay-ui-paint-row.is-animated-fill .verlay-ui-paint-hex>span{grid-area:1/1}.verlay-ui-paint-row.is-animated-fill .verlay-ui-paint-hex>span:first-child{animation:verlay-demo-fill-old var(--verlay-demo-loop) linear infinite}.verlay-ui-paint-row.is-animated-fill .verlay-ui-paint-hex>span:last-child{color:#1c64f2;opacity:0;animation:verlay-demo-fill-new var(--verlay-demo-loop) linear infinite}.verlay-ui-shadow-grid{margin-bottom:0}.verlay-demo-edit-footer{background:#fff;border-top:1px solid #0a1b330f;border-radius:0 0 12px 12px;gap:16px;height:72px;padding:16px}.verlay-demo-edit-footer>span:first-child{color:#0a1b33;background:#f7f8f9;border-radius:8px;height:40px;padding:0 12px;font-size:14px;line-height:22px}.verlay-demo-edit-footer>.verlay-demo-change-count.verlay-demo-change-count{white-space:nowrap;flex:auto;align-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.verlay-demo-change-count>span{grid-area:1/1}.verlay-demo-change-count>span:first-child{animation:verlay-demo-count-zero var(--verlay-demo-loop) linear infinite}.verlay-demo-change-count>span:last-child{opacity:0;animation:verlay-demo-count-one var(--verlay-demo-loop) linear infinite}.verlay-demo-confirm{color:#0a1b3338;width:auto;height:40px;animation:verlay-demo-confirm var(--verlay-demo-loop) linear infinite;background:#f7f8f9;border:1px solid #e1e3e6;border-radius:9999px;padding:0 20px;font-size:14px;font-weight:600}.verlay-demo-color-picker{z-index:9;visibility:hidden;opacity:0;transform-origin:100% 0;width:232px;animation:verlay-demo-picker-board var(--verlay-demo-loop) linear infinite;background:#fff;border:1px solid #0a1b331f;border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:226px;right:calc(100% + 8px);overflow:hidden;transform:translateY(4px)scale(.98);box-shadow:0 0 1px #0a1b331f,0 8px 24px #0a1b3329}.verlay-demo-picker-sv{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000),#3157f6;border-radius:6px;height:112px;position:relative}.verlay-demo-picker-sv>i{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:18%;right:13%;box-shadow:0 0 0 1px #00000059}.verlay-demo-picker-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:9999px;height:12px;position:relative}.verlay-demo-picker-hue>i{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-1px;left:64%;box-shadow:0 0 0 1px #00000059}.verlay-demo-picker-values{color:#0a1b33;background:#f7f8f9;border-radius:6px;grid-template-columns:24px 1fr 56px;align-items:center;height:28px;font-size:12px;display:grid;overflow:hidden}.verlay-demo-picker-values>i{background:#3157f6;border:1px solid #0a1b331f;border-radius:4px;width:20px;height:20px;margin-left:4px}.verlay-demo-picker-values>span:last-child{color:#4c596a;text-align:right;border-left:1px solid #fff;padding-right:6px}.verlay-demo-picker-swatches{gap:8px;display:flex}.verlay-demo-picker-swatches>i{border:1px solid #0a1b331f;border-radius:4px;width:20px;height:20px}.verlay-demo-picker-swatches>.is-target{animation:verlay-demo-picker-target var(--verlay-demo-loop) linear infinite}.verlay-demo-codex-pane{color:#0a1b33;background:#fff;border-radius:0 0 12px 12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.verlay-demo-codex-tools{color:#878f9b;border:0;flex:0 0 44px;justify-content:flex-end;align-items:center;gap:4px;height:44px;padding:8px 12px;display:flex;position:static}.verlay-demo-codex-tools>svg,.verlay-demo-codex-tools>span{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.verlay-demo-codex-tools>svg{width:28px;height:28px;padding:5px}.verlay-demo-codex-tools>span{font-size:16px}.verlay-ui-codex-transcript{color:#4c596a;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:16px;font-size:13px;line-height:20px;display:flex;overflow:hidden}.verlay-ui-user-message{color:#0a1b33;background:#f1f2f3;border:1px solid #0a1b331f;border-radius:10px 10px 2px;align-self:flex-end;max-width:90%;padding:8px 10px}.verlay-ui-codex-status{color:#0a1b33;justify-content:space-between;align-items:center;display:flex}.verlay-ui-codex-status>span{align-items:center;gap:7px;font-weight:600;display:flex}.verlay-ui-codex-status svg{color:#1c64f2;width:16px;height:16px}.verlay-demo-agent-steps{gap:8px;padding:0}.verlay-demo-agent-step{color:#4c596a;background:#f7f8f9;border:1px solid #0a1b331f;border-radius:8px;min-height:28px;padding:6px 8px}.verlay-demo-agent-step strong{color:#0a1b33}.verlay-demo-diff{color:#4c596a;background:#f7f8f9;border:1px solid #0a1b331f;border-radius:8px;overflow:hidden}.verlay-demo-diff-file{color:#878f9b;background:#f7f8f9;border-color:#0a1b331f}.verlay-demo-success{color:#176343;background:#effaf5;border-color:#cfeede;border-radius:8px;margin-top:0}.verlay-demo-composer{z-index:7;color:#4c596a;opacity:1;background:#fff;border:1px solid #0a1b331f;border-radius:12px;flex-wrap:wrap;flex:0 0 96px;align-content:flex-start;gap:6px;min-height:96px;margin:12px 16px 16px;padding:10px;display:flex;position:relative;inset:auto;box-shadow:0 0 1px #0a1b331f,0 2px 8px #0a1b331a}.verlay-demo-composer-chip{color:#4c596a;background:#f7f8f9;border:1px solid #0a1b331f;border-radius:6px;height:24px;padding:0 8px;font-size:12px}.verlay-demo-composer-placeholder{color:#a7adb5;font-size:13px;line-height:20px}.verlay-demo-composer-send{color:#fff;background:#1c64f2;width:28px;height:28px;font-size:15px;bottom:10px;right:10px}@keyframes verlay-demo-panel-width{0%,44%{width:280px}49%,94%{width:320px}98%,to{width:280px}}@keyframes verlay-demo-paint-focus{0%,22%,39%,to{box-shadow:none}25%,36%{box-shadow:0 0 0 2px #1c64f229}}@keyframes verlay-demo-fill-swatch{0%,31%,98%,to{background:#fff}34%,94%{background:#3157f6}}@keyframes verlay-demo-fill-old{0%,31%,98%,to{opacity:1}34%,94%{opacity:0}}@keyframes verlay-demo-fill-new{0%,31%,98%,to{opacity:0}34%,94%{opacity:1}}@keyframes verlay-demo-picker-board{0%,24%,38%,to{visibility:hidden;opacity:0;transform:translateY(4px)scale(.98)}27%,35%{visibility:visible;opacity:1;transform:translateY(0)scale(1)}}@keyframes verlay-demo-picker-target{0%,28%,34%,to{box-shadow:none;transform:scale(1)}31%{transform:scale(.86);box-shadow:0 0 0 1px #fff,0 0 0 3px #1c64f2}33%{transform:scale(1);box-shadow:0 0 0 1px #fff,0 0 0 3px #1c64f2}}@keyframes verlay-demo-count-zero{0%,31%,98%,to{opacity:1}34%,94%{opacity:0}}@keyframes verlay-demo-count-one{0%,31%,98%,to{opacity:0}34%,94%{opacity:1}}.verlay-demo-selection{width:50.1%;height:23.2%;top:21.9%;left:5%}@media (prefers-reduced-motion:reduce){.verlay-demo-panel{width:320px}}@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-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}