:root{--layout-banner-height:36px;--layout-header-height:64px;--layout-content-max:1408px;--layout-content-wide:1536px;--layout-section-padding-x:64px;--layout-section-padding-x-compact:24px;--layout-section-padding-x-mobile:20px;--layout-hero-min-height:1508px;--layout-hero-padding-top:100px;--layout-hero-padding-bottom:64px;--layout-hero-copy-height:520px;--layout-hero-demo-gap:104px;--layout-demo-canvas-max:960px;--layout-demo-canvas-ratio:1180 / 720;--layout-demo-canvas-height:640px;--layout-feature-gap:128px;--layout-feature-column-gap:80px;--layout-feature-visual-height:520px;--layout-pricing-min-height:691.96px;--layout-pricing-padding-top:112px;--layout-pricing-padding-bottom:90px;--layout-cta-min-height:400px;--layout-footer-min-height:317px;--layout-footer-main-min-height:236px;--layout-footer-bottom-min-height:81px;--layout-demo-sidebar-width:224px;--layout-demo-sidebar-width-compact:200px;--layout-demo-topbar-height:40px;--layout-demo-workspace-max:880px;--layout-demo-composer-max:640px;--layout-demo-composer-min-height:120px;--radius-circle:50%;--duration-instant:.001ms;--duration-fast:.14s;--duration-ui:.15s;--duration-normal:.2s;--duration-slow:.35s;--duration-character:.38s;--z-content:0;--z-raised:1;--z-marketing-content:2;--z-marketing-demo:3;--z-header:50;--z-banner:60;--z-demo-composer:10;--z-demo-scrim:30;--z-demo-sidebar:40;--z-demo-popover:50;--font-family-sans:var(--font-sans);--font-family-mono:var(--font-mono);--font-size-micro:var(--text-micro);--font-size-caption:var(--text-caption);--font-size-label-sm:var(--text-label-sm);--font-size-label-md:var(--text-label-md);--font-size-body-md:var(--text-body-md);--font-size-body-lg:var(--text-body-lg);--font-size-heading-md:var(--text-heading-md);--font-size-heading-lg:var(--text-heading-lg);--font-size-heading-xl:var(--text-heading-xl);--font-size-display:var(--text-display);--font-size-metric:var(--text-metric);--space-0:0px;--space-1:calc(var(--spacing)*.5);--space-2:calc(var(--spacing)*1);--space-3:calc(var(--spacing)*1.5);--space-4:calc(var(--spacing)*2);--space-5:calc(var(--spacing)*2.5);--space-6:calc(var(--spacing)*3);--space-7:calc(var(--spacing)*4);--space-8:calc(var(--spacing)*4.5);--space-9:calc(var(--spacing)*5);--space-10:calc(var(--spacing)*6);--space-11:calc(var(--spacing)*8);--space-12:calc(var(--spacing)*9);--space-13:calc(var(--spacing)*10);--space-14:calc(var(--spacing)*11);--space-15:calc(var(--spacing)*12);--space-16:calc(var(--spacing)*16)}[data-theme=marketing]{--color-canvas:#f7fbfe;--color-canvas-soft:#edf7fc;--color-canvas-sky:#dceeff;--color-canvas-cloud:#fbfdff;--color-surface:#fff;--color-surface-glass:#fffc;--color-surface-glass-subtle:#ffffff6b;--color-surface-popover:var(--color-surface);--color-surface-hover:#0d0d0d0d;--color-surface-active:#0d0d0d14;--color-surface-inverse:#0d0d0d;--color-text-primary:#101820;--color-text-secondary:#5d6d78;--color-text-on-dark:#fff;--color-border-subtle:#d5e2ea;--color-border-strong:#777;--color-accent-brand:#18eb57;--color-accent-text:#08140c;--color-focus-ring:#18eb57;--color-header-glass-start:#f7fbfef0;--color-header-glass-end:#edf7fcc2;--button-primary-bg:var(--color-surface-inverse);--button-primary-text:var(--color-text-on-dark);--button-secondary-bg:var(--color-surface-glass-subtle);--button-secondary-text:var(--color-surface-inverse);--button-secondary-border:#0d0d0d2e;--card-bg:var(--color-surface-glass);--card-border:#d6d6d6;--card-featured-border:var(--color-surface-inverse);--card-shadow-featured:var(--shadow-lg);--shadow-demo-canvas:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--control-bg:transparent;--control-hover-bg:var(--color-surface-hover);--control-active-bg:var(--color-surface-active);--input-bg:var(--color-surface-glass);--input-border:var(--color-border-subtle);--input-shadow:0 0 0 .5px var(--input-border), var(--shadow-md);--popover-bg:var(--color-surface-popover);--popover-border:var(--color-border-subtle);--popover-shadow:var(--shadow-overlay);--color-background:var(--color-canvas);--color-foreground:var(--color-text-primary);--color-card:var(--color-surface);--color-card-foreground:var(--color-text-primary);--color-popover:var(--color-surface-popover);--color-popover-foreground:var(--color-text-primary);--color-primary:var(--button-primary-bg);--color-primary-foreground:var(--button-primary-text);--color-secondary:var(--button-secondary-bg);--color-secondary-foreground:var(--button-secondary-text);--color-muted:var(--color-canvas-soft);--color-muted-foreground:var(--color-text-secondary);--color-accent:var(--color-accent-brand);--color-accent-foreground:var(--color-accent-text);--color-border:var(--color-border-subtle);--color-input:var(--input-border);--color-ring:var(--color-focus-ring)}[data-theme=workspace]{--color-canvas:#fff;--color-canvas-soft:#f9f9f9;--color-surface:#fff;--color-surface-glass:#ffffffe6;--color-surface-popover:#fffffffa;--color-surface-hover:#1a1c1f0d;--color-surface-active:#1a1c1f14;--color-surface-inverse:#1a1c1f;--color-text-primary:#1a1c1f;--color-text-secondary:#1a1c1f80;--color-text-on-dark:#fff;--color-border-subtle:#1a1c1f14;--color-accent-brand:#18eb57;--color-accent-text:#08140c;--color-focus-ring:#3b82f68c;--button-primary-bg:var(--color-surface-inverse);--button-primary-text:var(--color-text-on-dark);--button-secondary-bg:var(--color-canvas-soft);--button-secondary-text:var(--color-text-primary);--button-secondary-border:var(--color-border-subtle);--card-bg:var(--color-surface);--card-border:var(--color-border-subtle);--card-featured-border:var(--color-surface-inverse);--card-shadow-featured:var(--shadow-lg);--control-bg:transparent;--control-hover-bg:var(--color-surface-hover);--control-active-bg:var(--color-surface-active);--input-bg:var(--color-surface-glass);--input-border:var(--color-border-subtle);--input-shadow:0 0 0 .5px var(--input-border), var(--shadow-md);--popover-bg:var(--color-surface-popover);--popover-border:var(--color-border-subtle);--popover-shadow:var(--shadow-overlay);--color-background:var(--color-canvas);--color-foreground:var(--color-text-primary);--color-card:var(--color-surface);--color-card-foreground:var(--color-text-primary);--color-popover:var(--color-surface-popover);--color-popover-foreground:var(--color-text-primary);--color-primary:var(--button-primary-bg);--color-primary-foreground:var(--button-primary-text);--color-secondary:var(--button-secondary-bg);--color-secondary-foreground:var(--button-secondary-text);--color-muted:var(--color-canvas-soft);--color-muted-foreground:var(--color-text-secondary);--color-accent:var(--color-accent-brand);--color-accent-foreground:var(--color-accent-text);--color-border:var(--color-border-subtle);--color-input:var(--input-border);--color-ring:var(--color-focus-ring)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-ring,var(--color-focus-ring,#18eb57));outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:var(--duration-instant)!important;animation-duration:var(--duration-instant)!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer tailwind-theme{:host,:root{--font-sans:"OpenAI Sans SC", "OpenAI Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--spacing:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--text-micro:11px;--text-caption:12px;--text-label-sm:13px;--text-label-sm--line-height:20px;--text-label-md:14px;--text-body-md:16px;--text-body-lg:18px;--text-heading-md:24px;--text-heading-lg:30px;--text-heading-xl:48px;--text-display:64px;--text-metric:112px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000000d;--shadow-lg:0 14px 36px #00000014;--shadow-overlay:0 12px 32px #00000021, 0 2px 8px #0000000d;--shadow-drawer:12px 0 32px #0000001f;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-brand:cubic-bezier(.25, .75, .25, 1);--color-background:var(--color-background);--color-foreground:var(--color-foreground);--color-card:var(--color-card);--color-card-foreground:var(--color-card-foreground);--color-popover:var(--color-popover);--color-popover-foreground:var(--color-popover-foreground);--color-primary:var(--color-primary);--color-primary-foreground:var(--color-primary-foreground);--color-secondary:var(--color-secondary);--color-secondary-foreground:var(--color-secondary-foreground);--color-muted:var(--color-muted);--color-muted-foreground:var(--color-muted-foreground);--color-accent:var(--color-accent);--color-accent-foreground:var(--color-accent-foreground);--color-border:var(--color-border);--color-input:var(--color-input);--color-ring:var(--color-ring)}}@layer tailwind-utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.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-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-card{background-color:var(--color-card)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.font-sans{font-family:var(--font-sans)}.text-label-sm{font-size:var(--text-label-sm);line-height:var(--tw-leading,var(--text-label-sm--line-height))}.text-accent-foreground{color:var(--color-accent-foreground)}.text-card-foreground{color:var(--color-card-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.shadow-md{--tw-shadow:0 4px 16px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring{--tw-ring-color:var(--color-ring)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-fast{transition-duration:var(--duration-fast)}.duration-ui{transition-duration:var(--duration-ui)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-standard{--tw-ease:var(--ease-standard);transition-timing-function:var(--ease-standard)}}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}