@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--p-gray-0: #0E0E11;--p-gray-5: #101013;--p-gray-10: #141417;--p-gray-15: #1C1C21;--p-gray-20: #24242B;--p-gray-25: #2C2C35;--p-gray-30: #32323C;--p-gray-35: #3A3A45;--p-gray-40: #464442;--p-gray-50: #585652;--p-gray-60: #7A7870;--p-gray-70: #ADABA4;--p-gray-80: #ECEAE2;--p-gray-90: #F5F4F0;--p-gray-95: #FAFAF8;--p-gray-100: #FFFFFF;--p-light-0: #F0EFEB;--p-light-5: #E8E7E3;--p-light-10: #DFDEDA;--p-light-15: #D5D4D0;--p-light-20: #C9C8C4;--p-light-25: #BBBAB6;--p-light-30: #A8A7A3;--p-light-40: #88877F;--p-light-50: #6A6962;--p-light-60: #4D4C47;--p-light-70: #38372F;--p-light-80: #2C2C25;--p-light-90: #1C1C18;--p-light-100: #101010;--brand-sapphire-dark-bg: #070D1F;--brand-sapphire-dark-accent: #4A8FE2;--brand-sapphire-dark-dim: #1E4D8C;--brand-sapphire-dark-glow: #93C5FD;--brand-sapphire-light-bg: #EEF4FF;--brand-sapphire-light-accent:#1E5CB5;--brand-sapphire-light-dim: #3B6ECC;--brand-sapphire-light-glow: #1E5CB5;--brand-gold-dark-bg: #1A1200;--brand-gold-dark-accent: #D4920A;--brand-gold-light-bg: #FFF8E1;--brand-gold-light-accent: #B97700;--brand-violet-dark-bg: #0F0024;--brand-violet-dark-accent: #8B5CF6;--brand-violet-light-bg: #EDE9FE;--brand-violet-light-accent: #6D28D9;--brand-emerald-dark-bg: #001A10;--brand-emerald-dark-accent: #34D399;--brand-emerald-light-bg: #ECFDF5;--brand-emerald-light-accent: #059669;--brand-teal-dark-bg: #001A18;--brand-teal-dark-accent: #2DD4BF;--brand-teal-light-bg: #E6FFFE;--brand-teal-light-accent: #0D9488;--p-green: #00c896;--p-blue: #4a9eff;--p-amber: #f0a030;--p-red: #ff6450;--p-purple: #9b8fd4;--p-select: #378ADD;--p-cyan: #40d4e0;--p-pink: #e06090;--p-green-l: #009070;--p-blue-l: #1A6DC0;--p-amber-l: #B07018;--p-red-l: #C03828;--p-purple-l: #6A5CA8;--p-select-l: #1858A0;--p-cyan-l: #1890A0;--p-pink-l: #A83868;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", "Cascadia Code", monospace;--font-serif: "Instrument Serif", Georgia, serif;--fs-3xs: 9px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-0: 0px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-8: 16px;--sp-10: 20px;--sp-12: 24px;--sp-16: 32px;--sp-20: 40px;--sp-24: 48px;--sp-32: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 9999px;--topbar-h: 44px;--statusbar-h: 26px;--sidebar-w: 44px;--panel-min-w: 240px;--panel-max-w: 400px;--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-toast: 400;--z-overlay: 500;--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-color-dark: rgba(0, 0, 0, .35);--shadow-color-light: rgba(0, 0, 0, .08)}:root,[data-theme=dark]{--bg-canvas: var(--p-gray-10);--bg-base: var(--p-gray-15);--bg-elevated: var(--p-gray-20);--bg-overlay: var(--p-gray-25);--bg-hover: var(--p-gray-30);--bg-active: var(--p-gray-35);--bg-status: var(--p-gray-5);--bg-input: var(--p-gray-20);--bg-info: rgba(74, 158, 255, .1);--bg-success: rgba(0, 200, 150, .09);--bg-warning: rgba(240, 160, 48, .09);--bg-danger: rgba(255, 100, 80, .1);--text-primary: var(--p-gray-80);--text-secondary: var(--p-gray-70);--text-muted: var(--p-gray-60);--text-disabled: var(--p-gray-50);--text-placeholder: var(--p-gray-40);--text-inverse: var(--p-gray-5);--text-on-accent: #0a0a08;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .18);--border-focus: rgba(55, 138, 221, .6);--accent-green: var(--p-green);--accent-blue: var(--p-blue);--accent-amber: var(--p-amber);--accent-red: var(--p-red);--accent-purple: var(--p-purple);--accent-cyan: var(--p-cyan);--accent-pink: var(--p-pink);--accent-select: var(--p-select);--accent-green-bg: rgba(0, 200, 150, .13);--accent-blue-bg: rgba(74, 158, 255, .12);--accent-amber-bg: rgba(240, 160, 48, .12);--accent-red-bg: rgba(255, 100, 80, .12);--accent-purple-bg: rgba(155, 143, 212, .12);--accent-select-bg: rgba(55, 138, 221, .14);--shadow-sm: 0 1px 3px var(--shadow-color-dark);--shadow-md: 0 4px 12px var(--shadow-color-dark);--shadow-lg: 0 8px 32px var(--shadow-color-dark);--shadow-xl: 0 16px 48px var(--shadow-color-dark);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .18);--node-process-fill: rgba(74, 158, 255, .09);--node-process-border: rgba(74, 158, 255, .32);--node-process-text: #6EB3FF;--node-decision-fill: rgba(240, 160, 48, .09);--node-decision-border: rgba(240, 160, 48, .38);--node-decision-text: #F4B048;--node-terminal-fill: rgba(0, 200, 150, .09);--node-terminal-border: rgba(0, 200, 150, .38);--node-terminal-text: #1AD4A8;--node-start-fill: rgba(0, 200, 150, .15);--node-start-border: rgba(0, 200, 150, .5);--node-start-text: #1AD4A8;--node-c4-person-fill: rgba(74, 158, 255, .08);--node-c4-person-border: rgba(74, 158, 255, .28);--node-c4-person-text: #6EB3FF;--node-c4-system-fill: rgba(0, 200, 150, .08);--node-c4-system-border: rgba(0, 200, 150, .32);--node-c4-system-text: #1AD4A8;--node-c4-container-fill: rgba(74, 158, 255, .1);--node-c4-container-border: rgba(74, 158, 255, .3);--node-c4-container-text: #6EB3FF;--node-c4-component-fill: rgba(155, 143, 212, .08);--node-c4-component-border: rgba(155, 143, 212, .3);--node-c4-component-text: #B8AEE8;--node-c4-ext-fill: rgba(136, 135, 128, .08);--node-c4-ext-border: rgba(136, 135, 128, .28);--node-c4-ext-text: var(--text-muted);--node-c4-boundary-stroke: rgba(255, 255, 255, .12);--node-c4-boundary-stroke-dash: 6, 4;--node-c4-boundary-label: var(--text-muted);--node-erd-header-bg: #1E1E24;--node-erd-body-bg: var(--bg-base);--node-erd-row-alt-bg: rgba(255, 255, 255, .025);--node-erd-border: var(--border-default);--node-erd-pk-color: #F4B048;--node-erd-fk-color: #6EB3FF;--node-erd-type-color: #C8A8F0;--node-erd-field-text: var(--text-secondary);--node-bpmn-task-fill: rgba(74, 158, 255, .07);--node-bpmn-task-border: rgba(74, 158, 255, .28);--node-bpmn-task-text: #6EB3FF;--node-bpmn-start-fill: rgba(0, 200, 150, .12);--node-bpmn-start-border: rgba(0, 200, 150, .5);--node-bpmn-start-text: #1AD4A8;--node-bpmn-end-fill: rgba(255, 100, 80, .12);--node-bpmn-end-border: rgba(255, 100, 80, .5);--node-bpmn-end-text: #FF7A65;--node-bpmn-intermediate-fill: rgba(240, 160, 48, .08);--node-bpmn-intermediate-border: rgba(240, 160, 48, .35);--node-bpmn-intermediate-text: #F4B048;--node-bpmn-gateway-fill: rgba(240, 160, 48, .09);--node-bpmn-gateway-border: rgba(240, 160, 48, .4);--node-bpmn-gateway-text: #F4B048;--node-bpmn-pool-fill: rgba(255, 255, 255, .02);--node-bpmn-pool-border: rgba(255, 255, 255, .14);--node-bpmn-pool-header: var(--bg-elevated);--node-bpmn-pool-text: var(--text-secondary);--node-bpmn-lane-border: rgba(255, 255, 255, .08);--node-uml-class-fill: rgba(74, 158, 255, .07);--node-uml-class-border: rgba(74, 158, 255, .28);--node-uml-class-header: rgba(74, 158, 255, .14);--node-uml-class-text: #6EB3FF;--node-uml-class-member: var(--text-secondary);--node-uml-iface-fill: rgba(155, 143, 212, .07);--node-uml-iface-border: rgba(155, 143, 212, .28);--node-uml-iface-header: rgba(155, 143, 212, .14);--node-uml-iface-text: #B8AEE8;--node-uml-abstract-fill: rgba(64, 212, 224, .07);--node-uml-abstract-border: rgba(64, 212, 224, .28);--node-uml-abstract-header: rgba(64, 212, 224, .14);--node-uml-abstract-text: #60E0E8;--seq-lifeline-color: rgba(255, 255, 255, .12);--seq-lifeline-dash: 4, 4;--seq-actor-fill: var(--bg-elevated);--seq-actor-border: var(--border-default);--seq-actor-text: var(--text-primary);--seq-message-color: var(--accent-blue);--seq-reply-color: var(--text-muted);--seq-reply-dash: 4, 3;--seq-activation-fill: rgba(74, 158, 255, .1);--seq-activation-border: rgba(74, 158, 255, .25);--seq-note-fill: rgba(240, 160, 48, .08);--seq-note-border: rgba(240, 160, 48, .25);--seq-note-text: var(--node-decision-text);--seq-text: var(--text-primary);--seq-participant-text: var(--text-primary);--seq-fragment-bg: rgba(255, 255, 255, .03);--seq-fragment-border: rgba(255, 255, 255, .12);--seq-fragment-label: var(--text-muted);--seq-message-label: var(--text-secondary);--edge-default-color: rgba(255, 255, 255, .18);--edge-default-width: 1.3px;--edge-selected-color: var(--accent-select);--edge-selected-width: 2px;--edge-hover-color: rgba(255, 255, 255, .3);--edge-label-bg: var(--bg-base);--edge-label-color: var(--text-muted);--edge-label-font: var(--fs-2xs);--edge-arrow-size: 14px;--edge-erd-color: rgba(255, 255, 255, .22);--edge-uml-inherit-dash: 6, 4;--edge-uml-compose-fill: var(--text-muted);--edge-bpmn-flow-color: rgba(255, 255, 255, .2);--edge-bpmn-message-dash: 6, 3;--sticky-yellow-bg: #2E2614;--sticky-yellow-border: #6B4210;--sticky-yellow-text: #FAD07A;--sticky-pink-bg: #2E1520;--sticky-pink-border: #7A2848;--sticky-pink-text: #F7C8D8;--sticky-green-bg: #0E2318;--sticky-green-border: #0A5A45;--sticky-green-text: #A8E8D8;--sticky-blue-bg: #0E1E30;--sticky-blue-border: #104A88;--sticky-blue-text: #BDDCF8;--sticky-orange-bg: #2A1C0A;--sticky-orange-border: #8A5510;--sticky-orange-text: #FAC880;--sticky-purple-bg: #1C1230;--sticky-purple-border: #5848C0;--sticky-purple-text: #D8D0FA;--shape-fill-default: transparent;--shape-stroke-default: rgba(255, 255, 255, .18);--shape-stroke-width: 1.5px;--shape-fill-blue: rgba(74, 158, 255, .08);--shape-fill-green: rgba(0, 200, 150, .08);--shape-fill-amber: rgba(240, 160, 48, .08);--shape-fill-red: rgba(255, 100, 80, .08);--shape-fill-purple: rgba(155, 143, 212, .08);--shape-selected-ring: var(--accent-select);--connector-color: rgba(255, 255, 255, .22);--connector-width: 1.5px;--connector-selected: var(--accent-select);--connector-hover: rgba(255, 255, 255, .35);--connector-arrow-size: 10px;--textblock-color: var(--text-primary);--textblock-placeholder: var(--text-placeholder);--textblock-link: var(--accent-blue);--textblock-heading: var(--text-primary);--frame-bg: var(--bg-base);--frame-border: var(--border-subtle);--frame-header-bg: var(--bg-elevated);--frame-badge-bg: var(--accent-green-bg);--frame-badge-text: var(--accent-green);--editor-bg: var(--bg-canvas);--editor-gutter-bg: var(--bg-status);--editor-active-line: rgba(255, 255, 255, .03);--editor-selection: rgba(55, 138, 221, .18);--editor-cursor: var(--accent-green);--editor-bracket-match: rgba(0, 200, 150, .2);--editor-fold-gutter: var(--text-disabled);--editor-line-number: var(--text-disabled);--syntax-keyword: #6EB3FF;--syntax-ident: #1AD4A8;--syntax-string: #F4B048;--syntax-comment: #585652;--syntax-operator: #7A7870;--syntax-type: #C8A8F0;--syntax-number: #FF9A80;--syntax-meta: #9b8fd4;--syntax-error: var(--accent-red);--canvas-bg: var(--bg-canvas);--canvas-dot-color: rgba(255, 255, 255, .13);--canvas-dot-size: 1px;--canvas-dot-gap: 20px;--canvas-edge-color: var(--edge-default-color);--canvas-edge-selected: var(--accent-select);--canvas-handle: var(--accent-select);--canvas-handle-hover: var(--accent-blue);--canvas-selection-bg: rgba(55, 138, 221, .08);--canvas-selection-border: rgba(55, 138, 221, .4);--canvas-minimap-bg: var(--bg-status);--canvas-minimap-node: rgba(255, 255, 255, .12)}[data-theme=light]{--bg-canvas: var(--p-light-0);--bg-base: var(--p-light-5);--bg-elevated: var(--p-light-10);--bg-overlay: var(--p-light-0);--bg-hover: var(--p-light-15);--bg-active: var(--p-light-20);--bg-status: var(--p-light-10);--bg-input: var(--p-light-0);--bg-info: rgba(26, 109, 192, .12);--bg-success: rgba(0, 144, 112, .12);--bg-warning: rgba(176, 112, 24, .12);--bg-danger: rgba(192, 56, 40, .12);--text-primary: var(--p-light-100);--text-secondary: var(--p-light-60);--text-muted: var(--p-light-50);--text-disabled: var(--p-light-40);--text-placeholder: var(--p-light-30);--text-inverse: var(--p-light-0);--text-on-accent: #FFFFFF;--border-subtle: rgba(0, 0, 0, .1);--border-default: rgba(0, 0, 0, .18);--border-strong: rgba(0, 0, 0, .28);--border-focus: rgba(32, 104, 176, .55);--accent-green: var(--p-green-l);--accent-blue: var(--p-blue-l);--accent-amber: var(--p-amber-l);--accent-red: var(--p-red-l);--accent-purple: var(--p-purple-l);--accent-cyan: var(--p-cyan-l);--accent-pink: var(--p-pink-l);--accent-select: var(--p-select-l);--accent-green-bg: rgba(0, 144, 112, .14);--accent-blue-bg: rgba(26, 109, 192, .14);--accent-amber-bg: rgba(176, 112, 24, .14);--accent-red-bg: rgba(192, 56, 40, .14);--accent-purple-bg: rgba(106, 92, 168, .14);--accent-select-bg: rgba(24, 88, 160, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .14);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .18);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .22);--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--node-process-fill: rgba(26, 109, 192, .12);--node-process-border: rgba(26, 109, 192, .4);--node-process-text: #14588A;--node-decision-fill: rgba(176, 112, 24, .12);--node-decision-border: rgba(176, 112, 24, .42);--node-decision-text: #8A5810;--node-terminal-fill: rgba(0, 144, 112, .12);--node-terminal-border: rgba(0, 144, 112, .42);--node-terminal-text: #006848;--node-start-fill: rgba(0, 144, 112, .18);--node-start-border: rgba(0, 144, 112, .55);--node-start-text: #006848;--node-c4-person-fill: rgba(26, 109, 192, .1);--node-c4-person-border: rgba(26, 109, 192, .35);--node-c4-person-text: #14588A;--node-c4-system-fill: rgba(0, 144, 112, .1);--node-c4-system-border: rgba(0, 144, 112, .35);--node-c4-system-text: #006848;--node-c4-container-fill: rgba(26, 109, 192, .12);--node-c4-container-border: rgba(26, 109, 192, .35);--node-c4-container-text: #14588A;--node-c4-component-fill: rgba(106, 92, 168, .12);--node-c4-component-border: rgba(106, 92, 168, .35);--node-c4-component-text: #4A3C88;--node-c4-ext-fill: rgba(80, 80, 80, .08);--node-c4-ext-border: rgba(80, 80, 80, .28);--node-c4-ext-text: var(--text-muted);--node-c4-boundary-stroke: rgba(0, 0, 0, .18);--node-c4-boundary-stroke-dash: 6, 4;--node-c4-boundary-label: var(--text-muted);--node-erd-header-bg: var(--p-light-15);--node-erd-body-bg: var(--p-light-0);--node-erd-row-alt-bg: rgba(0, 0, 0, .04);--node-erd-border: var(--border-default);--node-erd-pk-color: #8A5810;--node-erd-fk-color: #14588A;--node-erd-type-color: #4A3C88;--node-erd-field-text: var(--text-secondary);--node-bpmn-task-fill: rgba(26, 109, 192, .1);--node-bpmn-task-border: rgba(26, 109, 192, .35);--node-bpmn-task-text: #14588A;--node-bpmn-start-fill: rgba(0, 144, 112, .15);--node-bpmn-start-border: rgba(0, 144, 112, .55);--node-bpmn-start-text: #006848;--node-bpmn-end-fill: rgba(192, 56, 40, .15);--node-bpmn-end-border: rgba(192, 56, 40, .55);--node-bpmn-end-text: #A02818;--node-bpmn-intermediate-fill: rgba(176, 112, 24, .1);--node-bpmn-intermediate-border: rgba(176, 112, 24, .38);--node-bpmn-intermediate-text: #8A5810;--node-bpmn-gateway-fill: rgba(176, 112, 24, .12);--node-bpmn-gateway-border: rgba(176, 112, 24, .42);--node-bpmn-gateway-text: #8A5810;--node-bpmn-pool-fill: rgba(0, 0, 0, .03);--node-bpmn-pool-border: rgba(0, 0, 0, .18);--node-bpmn-pool-header: var(--p-light-15);--node-bpmn-pool-text: var(--text-secondary);--node-bpmn-lane-border: rgba(0, 0, 0, .12);--node-uml-class-fill: rgba(26, 109, 192, .08);--node-uml-class-border: rgba(26, 109, 192, .35);--node-uml-class-header: rgba(26, 109, 192, .16);--node-uml-class-text: #14588A;--node-uml-class-member: var(--text-secondary);--node-uml-iface-fill: rgba(106, 92, 168, .08);--node-uml-iface-border: rgba(106, 92, 168, .35);--node-uml-iface-header: rgba(106, 92, 168, .16);--node-uml-iface-text: #4A3C88;--node-uml-abstract-fill: rgba(24, 144, 160, .08);--node-uml-abstract-border: rgba(24, 144, 160, .35);--node-uml-abstract-header: rgba(24, 144, 160, .16);--node-uml-abstract-text: #106870;--seq-lifeline-color: rgba(0, 0, 0, .15);--seq-lifeline-dash: 4, 4;--seq-actor-fill: var(--p-light-0);--seq-actor-border: var(--border-default);--seq-actor-text: var(--text-primary);--seq-message-color: var(--accent-blue);--seq-reply-color: var(--text-muted);--seq-reply-dash: 4, 3;--seq-activation-fill: rgba(26, 109, 192, .12);--seq-activation-border: rgba(26, 109, 192, .3);--seq-note-fill: rgba(176, 112, 24, .1);--seq-note-border: rgba(176, 112, 24, .3);--seq-note-text: #8A5810;--seq-text: var(--text-primary);--seq-participant-text: var(--text-primary);--seq-fragment-bg: rgba(0, 0, 0, .04);--seq-fragment-border: rgba(0, 0, 0, .15);--seq-fragment-label: var(--text-muted);--seq-message-label: var(--text-secondary);--edge-default-color: rgba(0, 0, 0, .25);--edge-default-width: 1.3px;--edge-selected-color: var(--accent-select);--edge-selected-width: 2px;--edge-hover-color: rgba(0, 0, 0, .45);--edge-label-bg: var(--p-light-0);--edge-label-color: var(--text-muted);--edge-label-font: var(--fs-2xs);--edge-arrow-size: 14px;--edge-erd-color: rgba(0, 0, 0, .3);--edge-uml-inherit-dash: 6, 4;--edge-uml-compose-fill: var(--text-muted);--edge-bpmn-flow-color: rgba(0, 0, 0, .28);--edge-bpmn-message-dash: 6, 3;--sticky-yellow-bg: #F0E8C8;--sticky-yellow-border: #C8A828;--sticky-yellow-text: #5A4200;--sticky-pink-bg: #F0D8E0;--sticky-pink-border: #C07090;--sticky-pink-text: #6A1838;--sticky-green-bg: #D0E8D8;--sticky-green-border: #50A880;--sticky-green-text: #084A28;--sticky-blue-bg: #D0E0F4;--sticky-blue-border: #6098D0;--sticky-blue-text: #0A3868;--sticky-orange-bg: #F0E0C0;--sticky-orange-border: #C08828;--sticky-orange-text: #5A3800;--sticky-purple-bg: #E0D8F0;--sticky-purple-border: #8878C0;--sticky-purple-text: #2A1860;--shape-fill-default: transparent;--shape-stroke-default: rgba(0, 0, 0, .25);--shape-stroke-width: 1.5px;--shape-fill-blue: rgba(26, 109, 192, .1);--shape-fill-green: rgba(0, 144, 112, .1);--shape-fill-amber: rgba(176, 112, 24, .1);--shape-fill-red: rgba(192, 56, 40, .1);--shape-fill-purple: rgba(106, 92, 168, .1);--shape-selected-ring: var(--accent-select);--connector-color: rgba(0, 0, 0, .3);--connector-width: 1.5px;--connector-selected: var(--accent-select);--connector-hover: rgba(0, 0, 0, .5);--connector-arrow-size: 10px;--textblock-color: var(--text-primary);--textblock-placeholder: var(--text-placeholder);--textblock-link: var(--accent-blue);--textblock-heading: var(--text-primary);--frame-bg: var(--bg-base);--frame-border: var(--border-subtle);--frame-header-bg: var(--bg-elevated);--frame-badge-bg: var(--accent-green-bg);--frame-badge-text: var(--accent-green);--editor-bg: var(--bg-canvas);--editor-gutter-bg: var(--bg-elevated);--editor-active-line: rgba(0, 0, 0, .05);--editor-selection: rgba(24, 88, 160, .18);--editor-cursor: var(--accent-green);--editor-bracket-match: rgba(0, 168, 126, .15);--editor-fold-gutter: var(--text-disabled);--editor-line-number: var(--text-disabled);--syntax-keyword: #14588A;--syntax-ident: #006848;--syntax-string: #8A5810;--syntax-comment: #88877F;--syntax-operator: #4D4C47;--syntax-type: #4A3C88;--syntax-number: #A02818;--syntax-meta: #6A5CA8;--syntax-error: var(--accent-red);--canvas-bg: var(--bg-canvas);--canvas-dot-color: rgba(0, 0, 0, .15);--canvas-dot-size: 1px;--canvas-dot-gap: 20px;--canvas-edge-color: var(--edge-default-color);--canvas-edge-selected: var(--accent-select);--canvas-handle: var(--accent-select);--canvas-handle-hover: var(--accent-blue);--canvas-selection-bg: rgba(24, 88, 160, .1);--canvas-selection-border: rgba(24, 88, 160, .45);--canvas-minimap-bg: var(--bg-elevated);--canvas-minimap-node: rgba(0, 0, 0, .15)}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.topbar{height:var(--topbar-h);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.statusbar{height:var(--statusbar-h);background:var(--bg-status);border-top:1px solid var(--border-subtle)}.panel,.card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.dropdown,.popover,.context-menu{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--fs-md);transition:border-color var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.btn-primary{background:var(--accent-green);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-weight:var(--fw-medium);transition:opacity var(--duration-fast) var(--ease-out)}.btn-primary:hover{opacity:.88}.btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{background:var(--accent-red-bg);border:1px solid rgba(255,100,80,.3);color:var(--accent-red);border-radius:var(--radius-md)}.separator-h{height:1px;background:var(--border-subtle)}.separator-v{width:1px;background:var(--border-subtle)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.react-flow__attribution{display:none}.react-flow__edge-path{stroke:var(--edge-default-color);stroke-width:1.5}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:var(--edge-selected-color)}.react-flow__edge-label{font-family:var(--font-mono);font-size:var(--fs-2xs);fill:var(--text-muted)}.react-flow__handle{width:8px;height:8px;border-radius:50%;background:var(--canvas-handle);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.react-flow__node:hover .react-flow__handle,.react-flow__node.selected .react-flow__handle{opacity:1}.cm-scroller::-webkit-scrollbar{width:6px;height:6px}.cm-scroller::-webkit-scrollbar-track{background:transparent}.cm-scroller::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-xs)}.cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.landing-root{--lp-bg: #0E0E11;--lp-bg2: #141417;--lp-bg3: #1C1C21;--lp-accent: #2DD4BF;--lp-accent2: #14B8A6;--lp-dim: #0F4D4A;--lp-text: #E6FFFE;--lp-muted: #7A7870;--lp-border: rgba(45,212,191,.11);--lp-glow: rgba(45,212,191,.16);background:var(--lp-bg);color:var(--lp-text);font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden;cursor:none;min-height:100vh}.lp-cursor{position:fixed;pointer-events:none;z-index:9999;width:10px;height:10px;background:var(--lp-accent);border-radius:50%;transform:translate(-50%,-50%);transition:transform .1s,width .2s,height .2s,background .2s;mix-blend-mode:screen}.lp-cursor-ring{position:fixed;pointer-events:none;z-index:9998;width:36px;height:36px;border:1px solid var(--lp-accent);border-radius:50%;transform:translate(-50%,-50%);transition:transform .18s ease,width .3s,height .3s,opacity .3s;opacity:.5}.landing-root:has(a:hover) .lp-cursor{width:16px;height:16px}.landing-root:has(a:hover) .lp-cursor-ring{width:52px;height:52px;opacity:.8}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:linear-gradient(to bottom,rgba(3,14,14,.95),transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}.lp-nav.scrolled{border-bottom-color:var(--lp-border)}.lp-nav-logo{font-family:DM Sans,system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.lp-nav-logo .ark{color:var(--lp-text)}.lp-nav-logo .en{color:var(--lp-accent)}.lp-nav-links{display:flex;gap:32px;align-items:center}.lp-nav-links a{font-family:DM Mono,Fira Code,monospace;font-size:12px;font-weight:400;letter-spacing:1.5px;color:var(--lp-muted);text-decoration:none;text-transform:uppercase;transition:color .2s}.lp-nav-links a:hover{color:var(--lp-accent)}.lp-nav-cta{display:flex;gap:12px}.lp-btn{font-family:DM Mono,Fira Code,monospace;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;padding:10px 22px;border-radius:6px;transition:all .25s;cursor:none;border:1px solid transparent}.lp-btn-ghost{color:var(--lp-accent);border-color:var(--lp-dim);background:transparent}.lp-btn-ghost:hover{background:var(--lp-glow);border-color:var(--lp-accent);box-shadow:0 0 20px #2dd4bf26}.lp-btn-solid{background:var(--lp-accent);color:#021a1a;font-weight:600}.lp-btn-solid:hover{background:#5eead4;box-shadow:0 0 30px #2dd4bf59;transform:translateY(-1px)}.lp-hero{min-height:100vh;display:flex;align-items:center;padding:120px 48px 80px;position:relative;overflow:hidden}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--lp-border) 1px,transparent 1px),linear-gradient(90deg,var(--lp-border) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.lp-hero-inner{max-width:1320px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--lp-accent);padding:6px 14px;border:1px solid var(--lp-dim);border-radius:100px;margin-bottom:32px;animation:lp-fadeUp .6s both}.lp-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lp-accent);animation:lp-pulse 2s infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.3}}.lp-hero-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(52px,6vw,88px);line-height:1;letter-spacing:-2px;margin-bottom:28px;animation:lp-fadeUp .7s .1s both}.lp-hero-title em{font-style:italic;color:var(--lp-accent)}.lp-hero-sub{font-family:DM Mono,Fira Code,monospace;font-size:14px;line-height:1.8;color:var(--lp-muted);max-width:440px;margin-bottom:44px;animation:lp-fadeUp .7s .2s both}.lp-hero-sub strong{color:var(--lp-text);font-weight:400}.lp-hero-actions{display:flex;gap:14px;flex-wrap:wrap;animation:lp-fadeUp .7s .3s both}.lp-hero-actions .lp-btn{font-size:12px;padding:13px 28px}.lp-hero-meta{display:flex;gap:28px;margin-top:48px;animation:lp-fadeUp .7s .4s both}.lp-hero-meta-item{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:1px;color:var(--lp-muted)}.lp-hero-meta-item span{display:block;color:var(--lp-text);font-size:20px;font-weight:500;margin-bottom:2px}.lp-hero-diagram{position:relative;animation:lp-fadeUp .8s .2s both}.lp-diagram-card{background:var(--lp-bg2);border:1px solid var(--lp-border);border-radius:16px;overflow:visible;box-shadow:0 0 80px #2dd4bf0f,0 40px 80px #00000080}.lp-diagram-card-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--lp-border)}.lp-dot{width:10px;height:10px;border-radius:50%}.lp-dot-r{background:#ff5f57}.lp-dot-y{background:#ffbd2e}.lp-dot-g{background:#28c840}.lp-diagram-card-title{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:2px;color:var(--lp-muted);margin-left:8px;text-transform:uppercase}.lp-diagram-svg-wrap{padding:24px}.lp-hero-float{position:absolute;font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:1px;color:var(--lp-accent);opacity:.55;padding:6px 12px;border:1px solid var(--lp-dim);border-radius:6px;background:var(--lp-bg);animation:lp-floatY 4s ease-in-out infinite}.lp-hero-float.f1{top:-16px;right:30px;animation-delay:0s}.lp-hero-float.f2{bottom:20px;left:-20px;animation-delay:1.5s}@keyframes lp-floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-section{max-width:1320px;margin:0 auto;padding:100px 48px}.lp-section-label{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--lp-accent);margin-bottom:16px;opacity:.8}.lp-section-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.lp-section-title em{font-style:italic;color:var(--lp-accent)}.lp-section-sub{font-family:DM Mono,Fira Code,monospace;font-size:13px;line-height:1.9;color:var(--lp-muted);max-width:560px}.lp-features-section{padding-top:40px}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:72px;border:1px solid var(--lp-border);border-radius:16px;overflow:hidden}.lp-feature-card{background:var(--lp-bg2);padding:44px 36px;border-right:1px solid var(--lp-border);transition:background .3s;position:relative;overflow:hidden}.lp-feature-card:last-child{border-right:none}.lp-feature-card:hover{background:var(--lp-bg3)}.lp-feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lp-accent),transparent);transform:scaleX(0);transition:transform .4s}.lp-feature-card:hover:after{transform:scaleX(1)}.lp-feature-icon{width:44px;height:44px;margin-bottom:28px;color:var(--lp-accent)}.lp-feature-num{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:2px;color:var(--lp-dim);margin-bottom:16px}.lp-feature-name{font-family:DM Sans,system-ui,sans-serif;font-size:20px;font-weight:700;margin-bottom:14px;letter-spacing:-.3px}.lp-feature-desc{font-family:DM Mono,Fira Code,monospace;font-size:12px;line-height:1.9;color:var(--lp-muted)}.lp-feature-tag{display:inline-block;margin-top:20px;font-family:DM Mono,Fira Code,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lp-accent);padding:4px 10px;border:1px solid var(--lp-dim);border-radius:4px}.lp-demo-wrap{margin-top:72px;display:grid;grid-template-columns:1fr 1fr;gap:2px;border:1px solid var(--lp-border);border-radius:16px;overflow:hidden;height:420px}.lp-demo-pane{background:var(--lp-bg2);position:relative;overflow:hidden}.lp-demo-pane-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--lp-border)}.lp-demo-pane-title{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--lp-muted)}.lp-demo-pane-badge{font-family:DM Mono,Fira Code,monospace;font-size:9px;letter-spacing:1px;color:var(--lp-accent);padding:3px 8px;border:1px solid var(--lp-dim);border-radius:3px}.lp-demo-code{padding:24px;font-family:DM Mono,Fira Code,monospace;font-size:12.5px;line-height:2;overflow-y:auto;height:calc(100% - 49px)}.lp-demo-code .kw{color:var(--lp-accent)}.lp-demo-code .id{color:#99f6e4}.lp-demo-code .st{color:#fcd34d}.lp-demo-code .op{color:var(--lp-muted)}.lp-demo-code .cm{color:#2a5a58;font-style:italic}.lp-cursor-blink{display:inline-block;width:2px;height:14px;background:var(--lp-accent);margin-left:2px;vertical-align:middle;animation:lp-blink 1.1s step-end infinite}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:0}}.lp-demo-canvas{display:flex;align-items:center;justify-content:center;height:calc(100% - 49px);padding:24px}.lp-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:72px}.lp-product-card{background:var(--lp-bg2);border:1px solid var(--lp-border);border-radius:16px;padding:48px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none;color:inherit;display:block}.lp-product-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #2dd4bf14;border-color:#2dd4bf4d}.lp-product-card-glow{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.12),transparent 70%);pointer-events:none}.lp-product-tag{font-family:DM Mono,Fira Code,monospace;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--lp-accent);padding:5px 12px;border:1px solid var(--lp-dim);border-radius:4px;display:inline-block;margin-bottom:28px}.lp-product-name{font-family:"Instrument Serif",Georgia,serif;font-size:40px;letter-spacing:-1px;line-height:1.1;margin-bottom:16px}.lp-product-name em{font-style:italic;color:var(--lp-accent)}.lp-product-desc{font-family:DM Mono,Fira Code,monospace;font-size:12px;line-height:1.9;color:var(--lp-muted);margin-bottom:36px}.lp-product-link{display:inline-flex;align-items:center;gap:10px;font-family:DM Mono,Fira Code,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lp-accent);text-decoration:none;transition:gap .2s}.lp-product-card:hover .lp-product-link{gap:16px}.lp-product-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.lp-product-feat{font-family:DM Mono,Fira Code,monospace;font-size:10px;color:var(--lp-muted);padding:4px 10px;border:1px solid var(--lp-border);border-radius:4px}.lp-dsl-tabs{display:flex;gap:2px;margin-top:52px;border-bottom:1px solid var(--lp-border)}.lp-dsl-tab{font-family:DM Mono,Fira Code,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lp-muted);padding:12px 24px;cursor:none;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.lp-dsl-tab.active{color:var(--lp-accent);border-bottom-color:var(--lp-accent)}.lp-dsl-tab:hover:not(.active){color:var(--lp-text)}.lp-dsl-panel{display:none;padding:32px 0;grid-template-columns:1fr 1fr;gap:40px}.lp-dsl-panel.active{display:grid}.lp-dsl-code-block{background:var(--lp-bg2);border:1px solid var(--lp-border);border-radius:12px;overflow:hidden}.lp-dsl-code-header{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--lp-border)}.lp-dsl-code-label{font-family:DM Mono,Fira Code,monospace;font-size:10px;letter-spacing:2px;color:var(--lp-muted);text-transform:uppercase}.lp-dsl-code-body{padding:24px;font-family:DM Mono,Fira Code,monospace;font-size:12px;line-height:2;color:var(--lp-muted)}.lp-dsl-code-body .kw{color:var(--lp-accent)}.lp-dsl-code-body .id{color:#99f6e4}.lp-dsl-code-body .st{color:#fcd34d}.lp-dsl-code-body .cm{color:#1d4a48;font-style:italic}.lp-dsl-preview{background:var(--lp-bg2);border:1px solid var(--lp-border);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:32px;min-height:260px}.lp-cta-section{padding:120px 48px}.lp-cta-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.lp-cta-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(40px,5vw,72px);letter-spacing:-2px;line-height:1.05}.lp-cta-title em{font-style:italic;color:var(--lp-accent)}.lp-cta-actions{display:flex;flex-direction:column;gap:14px}.lp-cta-actions .lp-btn{font-size:13px;padding:16px 36px;text-align:center}.lp-footer{border-top:1px solid var(--lp-border);padding:40px 48px;display:flex;align-items:center;justify-content:space-between}.lp-footer-logo{font-family:DM Sans,system-ui,sans-serif;font-size:18px;font-weight:700}.lp-footer-logo .en{color:var(--lp-accent)}.lp-footer-links{display:flex;gap:28px}.lp-footer-links a{font-family:DM Mono,Fira Code,monospace;font-size:11px;color:var(--lp-muted);text-decoration:none;letter-spacing:1px;transition:color .2s}.lp-footer-links a:hover{color:var(--lp-accent)}.lp-footer-copy{font-family:DM Mono,Fira Code,monospace;font-size:10px;color:var(--lp-dim);letter-spacing:1px}.lp-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .7s}.lp-reveal.visible{opacity:1;transform:none}.landing-root ::-webkit-scrollbar{width:6px}.landing-root ::-webkit-scrollbar-track{background:var(--lp-bg)}.landing-root ::-webkit-scrollbar-thumb{background:var(--lp-dim);border-radius:3px}@media(prefers-reduced-motion:reduce){.landing-root *,.landing-root *:before,.landing-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lp-reveal{opacity:1;transform:none}}@media(max-width:768px){.lp-nav{padding:14px 20px}.lp-nav-links{display:none}.lp-hero{padding:100px 20px 60px}.lp-hero-inner{grid-template-columns:1fr;gap:48px}.lp-hero-title{font-size:clamp(40px,10vw,56px)}.lp-hero-sub{font-size:13px}.lp-hero-actions{flex-direction:column}.lp-hero-actions .lp-btn{text-align:center}.lp-hero-meta{gap:16px}.lp-section{padding:60px 20px}.lp-features-grid{grid-template-columns:1fr}.lp-feature-card{border-right:none;border-bottom:1px solid var(--lp-border)}.lp-feature-card:last-child{border-bottom:none}.lp-demo-wrap{grid-template-columns:1fr;height:auto}.lp-demo-pane+.lp-demo-pane{border-left:none;border-top:1px solid var(--lp-border)}.lp-demo-canvas{min-height:320px}.lp-dsl-panel.active{grid-template-columns:1fr;gap:20px}.lp-dsl-tabs{overflow-x:auto;flex-wrap:nowrap}.lp-products-grid{grid-template-columns:1fr}.lp-cta-inner{grid-template-columns:1fr;text-align:center}.lp-cta-actions{align-items:center}.lp-footer{flex-direction:column;gap:20px;text-align:center}.lp-footer-links{flex-wrap:wrap;justify-content:center}.lp-cursor,.lp-cursor-ring{display:none}.landing-root{cursor:auto}}