@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light dark}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--bg-primary: #f0f2f5;--bg-secondary: #e8ebf0;--bg-tertiary: #f5f7fa;--bg-surface: #ffffff;--bg-elevated: #f0f2f5;--bg-glass: rgba(255, 255, 255, .85);--border-default: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-active: rgba(99, 102, 241, .5);--border-error: rgba(239, 68, 68, .5);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f1f5f9;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--success: #16a34a;--warning: #d97706;--error: #dc2626;--error-bg: rgba(239, 68, 68, .08);--cat-input: #2563eb;--cat-input-bg: rgba(37, 99, 235, .08);--cat-operation: #7c3aed;--cat-operation-bg: rgba(124, 58, 237, .08);--cat-output: #16a34a;--cat-output-bg: rgba(22, 163, 74, .08);--node-bg: rgba(255, 255, 255, .95);--node-header-bg: rgba(248, 250, 252, .98);--node-border: rgba(0, 0, 0, .08);--node-shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--node-selected-shadow: 0 0 0 2px var(--accent-primary), 0 4px 16px rgba(99, 102, 241, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-default: .25s ease;--transition-slow: .4s ease;--topbar-height: 56px;--sidebar-width: 240px}[data-theme=dark]{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #1e2130;--bg-surface: #1a1d27;--bg-elevated: #252836;--bg-glass: rgba(26, 29, 39, .9);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-active: rgba(99, 102, 241, .5);--border-error: rgba(239, 68, 68, .5);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #1e293b;--error-bg: rgba(239, 68, 68, .12);--cat-input-bg: rgba(37, 99, 235, .15);--cat-operation-bg: rgba(124, 58, 237, .15);--cat-output-bg: rgba(22, 163, 74, .15);--node-bg: rgba(26, 29, 39, .95);--node-header-bg: rgba(30, 33, 48, .98);--node-border: rgba(255, 255, 255, .08);--node-shadow: 0 4px 16px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--node-selected-shadow: 0 0 0 2px var(--accent-primary), 0 4px 16px rgba(99, 102, 241, .2)}@media(prefers-color-scheme:dark){[data-theme=auto]{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #1e2130;--bg-surface: #1a1d27;--bg-elevated: #252836;--bg-glass: rgba(26, 29, 39, .9);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-active: rgba(99, 102, 241, .5);--border-error: rgba(239, 68, 68, .5);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #1e293b;--error-bg: rgba(239, 68, 68, .12);--cat-input-bg: rgba(37, 99, 235, .15);--cat-operation-bg: rgba(124, 58, 237, .15);--cat-output-bg: rgba(22, 163, 74, .15);--node-bg: rgba(26, 29, 39, .95);--node-header-bg: rgba(30, 33, 48, .98);--node-border: rgba(255, 255, 255, .08);--node-shadow: 0 4px 16px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--node-selected-shadow: 0 0 0 2px var(--accent-primary), 0 4px 16px rgba(99, 102, 241, .2)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808026;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#8080804d}.react-flow{background:var(--bg-primary)!important}.react-flow__node{will-change:auto!important}.minimap-wrapper{position:absolute;bottom:30px;right:10px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:4px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.minimap-wrapper.collapsed .react-flow__minimap{opacity:0;pointer-events:none;transform:scale(.9) translateY(8px)}.minimap-wrapper .react-flow__minimap{position:relative!important;bottom:auto!important;right:auto!important;margin:0!important;transition:opacity .2s ease,transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #00000014!important}.minimap-toggle{padding:3px 10px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);font-size:10px;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:3px;transition:all var(--transition-fast);box-shadow:0 1px 4px #0000000f}.minimap-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.react-flow__minimap{background:var(--bg-secondary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important}.react-flow__controls{border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:var(--node-shadow)!important}.react-flow__controls-button{background:var(--bg-surface)!important;border-bottom:1px solid var(--border-default)!important;fill:var(--text-secondary)!important;transition:all var(--transition-fast)}.react-flow__controls-button:hover{background:var(--bg-elevated)!important;fill:var(--text-primary)!important}.react-flow__edge-path{stroke:var(--text-muted)!important;stroke-width:2!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent-primary)!important}.react-flow__connection-line{stroke:var(--accent-primary)!important;stroke-width:2!important}.react-flow__handle{width:12px!important;height:12px!important;border:2px solid #ffffff!important;transition:all var(--transition-fast)}.react-flow__handle-left{left:-6px!important}.react-flow__handle-right{right:-6px!important}.connecting-from-source .react-flow__handle-left{box-shadow:0 0 0 3px #6366f166,0 0 12px #6366f14d!important;border-color:var(--accent-primary)!important;animation:handle-pulse 1.2s ease-in-out infinite!important;z-index:10}.connecting-from-source .react-flow__handle-right{opacity:.25!important;filter:grayscale(1);pointer-events:none}.connecting-from-target .react-flow__handle-right{box-shadow:0 0 0 3px #6366f166,0 0 12px #6366f14d!important;border-color:var(--accent-primary)!important;animation:handle-pulse 1.2s ease-in-out infinite!important;z-index:10}.connecting-from-target .react-flow__handle-left{opacity:.25!important;filter:grayscale(1);pointer-events:none}@keyframes handle-pulse{0%,to{box-shadow:0 0 0 3px #6366f166,0 0 12px #6366f14d}50%{box-shadow:0 0 0 5px #6366f133,0 0 20px #6366f126}}.react-flow__edge.error .react-flow__edge-path{stroke:var(--error)!important;stroke-dasharray:5 5;animation:dash-flow 1s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-10}}.edge-flow-gradient{fill:none;stroke-width:2;stroke-linecap:round}.edge-flow-gradient--selected{stroke-width:3;filter:drop-shadow(0 0 4px var(--accent-primary))}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 6px #6366f100}}@keyframes slide-in-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){:root{--topbar-height-mobile: 44px;--topbar-height: 44px}.react-flow__handle{width:16px!important;height:16px!important}.react-flow__handle-left{left:-8px!important}.react-flow__handle-right{right:-8px!important}.minimap-wrapper{display:none}.react-flow{-webkit-user-select:none;user-select:none;touch-action:none}}