:root{--bg-app: #f4f3f0;--bg-surface: #fbfaf8;--bg-surface-alt: #efede8;--bg-surface-hover: #e6e2da;--bg-sidebar: #161615;--bg-sidebar-hover: #1f1f1e;--bg-overlay: rgba(0, 0, 0, .52);--bg-code: #1f1e1c;--bg-input: #ffffff;--text-primary: #1f1e1c;--text-secondary: #3a3834;--text-muted: #625d55;--text-placeholder: #8b847a;--text-disabled: #b0a99d;--text-inverse: #ffffff;--text-link: #3f67a6;--border-default: #d1cac0;--border-strong: #b8afa3;--border-focus: #3f6fbf;--border-input: #c5bcaf;--accent: #3f6fbf;--accent-hover: #365fa5;--accent-light: rgba(63, 111, 191, .16);--accent-border: #9bb6df;--success-fg: #2f7052;--success-bg: #e8f4ee;--success-bg-light: #f1f9f5;--success-border: #b7ddca;--success-button: #357d5c;--success-button-hover: #2e6c4f;--error-fg: #a95656;--error-bg: #f7ecec;--error-border: #e3c2c2;--warning-fg: #8e6a3a;--warning-bg: #f6f1e8;--warning-border: #e3d6c0;--info-fg: #5f696f;--info-bg: #eceff1;--info-border: #ced5d9;--node-source: #2c6fd6;--node-transform: #1b9e77;--node-combine: #cc7a00;--node-aggregate: #a1462d;--node-output: #545e8a;--shadow-xs: 0 1px 2px rgba(28, 25, 23, .03);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04), 0 1px 3px rgba(28, 25, 23, .06);--shadow-md: 0 2px 4px rgba(28, 25, 23, .04), 0 4px 16px rgba(28, 25, 23, .08);--shadow-lg: 0 12px 40px rgba(28, 25, 23, .12), 0 4px 12px rgba(28, 25, 23, .08);--shadow-lifted: 0 4px 8px rgba(28, 25, 23, .06), 0 8px 24px rgba(28, 25, 23, .1);--shadow-focus-ring: 0 0 0 3px rgba(63, 111, 191, .24);--shadow-inset: inset 0 1px 2px rgba(28, 25, 23, .06);--bg-glass: rgba(247, 245, 241, .76);--bg-glass-strong: rgba(250, 248, 244, .9);--chart-primary: #4f79c9;--chart-secondary: #a9895b;--chart-tertiary: #9a7777;--chart-4: #887f73;--chart-5: #5d877c;--chart-6: #8c986b;--chart-7: #a8756d;--chart-8: #717d85;--chart-area: rgba(95, 143, 130, .16);--radii-pill: 999px;--transition-micro: .1s ease;--scrollbar-thumb: #c2bbb1;--scrollbar-thumb-hover: #a39a8f}:root.dark{--bg-app: #141413;--bg-surface: #1b1a18;--bg-surface-alt: #23211f;--bg-surface-hover: #2c2926;--bg-sidebar: #0d0d0c;--bg-sidebar-hover: #151514;--bg-overlay: rgba(0, 0, 0, .72);--bg-code: #10100f;--bg-input: #22201e;--text-primary: #efede9;--text-secondary: #d1c9bf;--text-muted: #aea497;--text-placeholder: #837a6d;--text-disabled: #615a50;--text-inverse: #ffffff;--text-link: #9fc0ff;--border-default: #38342f;--border-strong: #4a443d;--border-focus: #8fb2ff;--border-input: #454039;--accent: #7ca6f5;--accent-hover: #6c95e4;--accent-light: rgba(124, 166, 245, .24);--accent-border: rgba(124, 166, 245, .42);--success-fg: #8dd5b0;--success-bg: rgba(78, 138, 106, .2);--success-bg-light: rgba(78, 138, 106, .11);--success-border: rgba(105, 175, 136, .4);--success-button: #4d8f6d;--success-button-hover: #437c60;--error-fg: #cd9898;--error-bg: rgba(160, 96, 96, .16);--error-border: rgba(160, 96, 96, .32);--warning-fg: #ccb188;--warning-bg: rgba(146, 123, 85, .16);--warning-border: rgba(146, 123, 85, .33);--info-fg: #a7b0b8;--info-bg: rgba(120, 130, 140, .16);--info-border: rgba(120, 130, 140, .32);--node-source: #75a9ff;--node-transform: #54c9a8;--node-combine: #f3b161;--node-aggregate: #d27c66;--node-output: #9aa6d6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-lifted: 0 4px 8px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);--shadow-focus-ring: 0 0 0 3px rgba(124, 166, 245, .3);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .2);--bg-glass: rgba(24, 23, 21, .74);--bg-glass-strong: rgba(29, 27, 25, .88);--chart-primary: #7ca6f5;--chart-secondary: #b89a6e;--chart-tertiary: #a58a8a;--chart-4: #8f8678;--chart-5: #6fa596;--chart-6: #9ba47a;--chart-7: #ad7f74;--chart-8: #88949f;--chart-area: rgba(126, 187, 169, .2);--radii-pill: 999px;--transition-micro: .1s ease;--scrollbar-thumb: #4b4741;--scrollbar-thumb-hover: #5d5750}*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);transition:background .2s ease,color .2s ease;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;line-height:1.3}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px;transition:outline-color .15s ease}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}::selection{background:var(--accent-light);color:var(--text-primary)}:root.dark ::selection{background:var(--accent-light)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px var(--accent-light)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress-fill{0%{width:0}}.animate-skeleton{background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-surface) 37%,var(--bg-surface-alt) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fade-in .2s ease}.animate-page-enter{animation:page-enter .3s cubic-bezier(.16,1,.3,1)}.animate-scale-in{animation:scale-in .2s cubic-bezier(.16,1,.3,1)}.animate-slide-up{animation:slide-up .3s cubic-bezier(.16,1,.3,1)}.animate-pulse{animation:pulse-subtle 2s ease-in-out infinite}@keyframes workspace-tab-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.animate-workspace-tab{animation:workspace-tab-enter .2s cubic-bezier(.16,1,.3,1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.scrollbar-dark::-webkit-scrollbar{width:6px}.scrollbar-dark::-webkit-scrollbar-track{background:transparent}.scrollbar-dark::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.scrollbar-dark::-webkit-scrollbar-thumb:hover{background:#fff3}:root.dark .react-flow__background{background-color:var(--bg-app)!important}:root.dark .react-flow__minimap{background-color:var(--bg-surface)!important}:root.dark .react-flow__controls button{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}:root.dark .react-flow__controls button:hover{background-color:var(--bg-surface-hover)!important}:root.dark .react-flow__edge-path{stroke:var(--text-muted)!important}:root.dark .react-flow__handle{background-color:var(--accent)!important}.react-flow__edge-path{transition:stroke .2s ease}.react-flow__handle{width:18px!important;height:18px!important;border:2px solid var(--bg-surface)!important;background:var(--accent)!important;box-shadow:0 0 0 1px var(--accent-border),0 2px 6px #0f0e0c38;border-radius:999px!important;transition:box-shadow .12s ease,background-color .12s ease,opacity .12s ease}.react-flow__handle:hover,.react-flow__handle.connecting,.react-flow__handle.valid{box-shadow:0 0 0 2px var(--accent-border),0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent)}.react-flow__handle.pipeline-port-handle{--port-color: var(--accent);--anchor-glyph: "";width:16px!important;height:14px!important;border:1.5px solid color-mix(in srgb,var(--bg-surface) 65%,white 35%)!important;background:color-mix(in srgb,var(--port-color) 76%,var(--bg-surface-alt))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--port-color) 26%,var(--border-default)),0 2px 5px color-mix(in srgb,var(--port-color) 15%,transparent)!important;transition:box-shadow .12s ease,opacity .12s ease;position:absolute;border-radius:4px!important}.react-flow__handle.pipeline-port-handle.pipeline-port-handle-target{border-radius:4px!important;background:color-mix(in srgb,var(--port-color) 68%,var(--bg-surface))!important}.react-flow__handle.pipeline-port-handle.pipeline-port-handle-source{border-radius:4px!important;background:color-mix(in srgb,var(--port-color) 74%,var(--bg-surface-alt))!important}.react-flow__handle.pipeline-port-handle.pipeline-handle-has-glyph{background:color-mix(in srgb,var(--port-color) 62%,var(--bg-surface-alt))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--port-color) 28%,var(--border-default)),0 2px 5px color-mix(in srgb,var(--port-color) 15%,transparent)!important}.react-flow__handle.pipeline-port-handle:after{content:none}.react-flow__handle.pipeline-port-handle.pipeline-handle-has-glyph:after{content:var(--anchor-glyph);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1;color:color-mix(in srgb,var(--bg-surface) 30%,#0f172a);letter-spacing:.02em;text-transform:uppercase;pointer-events:none;opacity:.86}.react-flow__handle.pipeline-port-handle:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:12px;background:transparent}.react-flow__handle.pipeline-port-handle:hover,.react-flow__handle.pipeline-port-handle.connecting,.react-flow__handle.pipeline-port-handle.valid{box-shadow:0 0 0 2px color-mix(in srgb,var(--port-color) 34%,var(--bg-surface)),0 0 0 6px color-mix(in srgb,var(--port-color) 15%,transparent)!important}.react-flow__handle.pipeline-port-handle.pipeline-handle-dim{opacity:.52}.react-flow__handle.pipeline-port-handle.pipeline-handle-valid{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--port-color) 34%,var(--bg-surface)),0 0 0 6px color-mix(in srgb,var(--port-color) 15%,transparent)!important}.react-flow__handle.pipeline-port-handle.pipeline-handle-active-source{box-shadow:0 0 0 2px color-mix(in srgb,var(--port-color) 34%,var(--bg-surface)),0 0 0 6px color-mix(in srgb,var(--port-color) 15%,transparent)!important}.react-flow__pane{background-image:none!important}.react-flow__background{opacity:0!important}.react-flow__minimap,.react-flow__controls{border-radius:8px!important;box-shadow:var(--shadow-sm)!important;overflow:hidden}.react-flow__controls button{transition:background-color .15s ease,transform .1s ease}.react-flow__controls button:hover{transform:scale(1.05)}.glass-surface{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default)}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.card-hover-glow{transition:box-shadow .2s ease,border-color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.card-hover-glow:hover{box-shadow:var(--shadow-lifted);border-color:var(--accent-border);transform:translateY(-2px)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes landing-orb-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-18px,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes landing-orb-drift-alt{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-26px,18px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes landing-sweep{0%{transform:translate(-130%) rotate(14deg)}to{transform:translate(180%) rotate(14deg)}}.landing-cinematic-orb{position:absolute;border-radius:999px;filter:blur(56px);pointer-events:none;opacity:.14;z-index:0}.landing-cinematic-orb--one{width:420px;height:420px;top:-160px;left:-120px;background:color-mix(in srgb,var(--accent) 46%,white 54%);animation:landing-orb-drift 18s ease-in-out infinite}.landing-cinematic-orb--two{width:340px;height:340px;top:90px;right:-110px;background:color-mix(in srgb,var(--info-fg) 38%,white 62%);animation:landing-orb-drift-alt 22s ease-in-out infinite}.landing-cinematic-orb--three{width:360px;height:360px;bottom:40px;left:45%;background:color-mix(in srgb,var(--chart-4) 32%,white 68%);opacity:.1;animation:landing-orb-drift 20s ease-in-out infinite}.landing-silhouette-sweep{position:absolute;top:-30%;left:-42%;width:48%;height:180%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 100%);transform:rotate(14deg);animation:landing-sweep 9s linear infinite;pointer-events:none}@media(max-width:980px){.landing-cinematic-shell{padding-top:28px!important}.landing-cinematic-hero{padding:24px!important}.landing-cinematic-title{font-size:34px!important;line-height:1.12!important}}@media(max-width:640px){.landing-cinematic-shell{padding-left:12px!important;padding-right:12px!important}.landing-cinematic-title{font-size:30px!important}}@media(prefers-reduced-motion:reduce){.landing-cinematic-orb,.landing-silhouette-sweep{animation:none!important}}