:root{--wf-app-bg: #ffffff;--wf-app-fg: #111827;--wf-scrollbar-track: #e5e7eb;--wf-scrollbar-thumb: #9ca3af;--wf-scrollbar-thumb-hover: #6b7280;--wf-rf-dot: rgba(148, 163, 184, .25);--wf-rf-edge: #e5e7eb;--wf-rf-controls-bg: #ffffff;--wf-rf-controls-border: #e5e7eb;--wf-rf-controls-fg: #374151;--wf-edge-active: #2ebb76;--wf-edge-inactive: #e5e7eb;--wf-edge-selected: #2563eb;--wf-node-border: #e5e7eb;--wf-node-fg: #202124;--wf-node-muted: #6b7280;--wf-node-bg: #ffffff;--wf-logic-bg: #eef2ff;--wf-logic-border: #c7d2fe;--wf-panel-bg: rgba(255, 255, 255, .9);--wf-panel-border: #e4e4e7;--wf-panel-section-title: #52525b;--wf-panel-item-hover: #f4f4f5;--wf-panel-item-text: #18181b;--wf-badge-bg: #f1f5f9;--wf-badge-fg: #334155;--wf-badge-border: #e2e8f0;--wf-console-bg: #ffffff;--wf-console-header-bg: #f8fafc;--wf-console-border: #e2e8f0;--wf-console-title: #334155;--wf-console-muted: #94a3b8}.dark{--wf-app-bg: #0b1220;--wf-app-fg: #ffffff;--wf-scrollbar-track: #1f2937;--wf-scrollbar-thumb: #4b5563;--wf-scrollbar-thumb-hover: #6b7280;--wf-rf-dot: rgba(148, 163, 184, .18);--wf-rf-edge: #334155;--wf-rf-controls-bg: #1f2937;--wf-rf-controls-border: #374151;--wf-rf-controls-fg: #ffffff;--wf-edge-active: #2ebb76;--wf-edge-inactive: #334155;--wf-edge-selected: #60a5fa;--wf-node-border: #334155;--wf-node-fg: #e5e7eb;--wf-node-muted: #94a3b8;--wf-node-bg: #1e293b;--wf-logic-bg: rgba(99, 102, 241, .12);--wf-logic-border: rgba(99, 102, 241, .35);--wf-panel-bg: #18181b;--wf-panel-border: #27272a;--wf-panel-section-title: #a1a1aa;--wf-panel-item-hover: #27272a;--wf-panel-item-text: #e4e4e7;--wf-badge-bg: rgba(51, 65, 85, .4);--wf-badge-fg: #e2e8f0;--wf-badge-border: #475569;--wf-console-bg: #0f172a;--wf-console-header-bg: rgba(30, 41, 59, .5);--wf-console-border: #334155;--wf-console-title: #e2e8f0;--wf-console-muted: #64748b}.workflow-canvas ::-webkit-scrollbar{width:8px;height:8px}.workflow-canvas ::-webkit-scrollbar-track{background:var(--wf-scrollbar-track)}.workflow-canvas ::-webkit-scrollbar-thumb{background:var(--wf-scrollbar-thumb);border-radius:4px}.workflow-canvas ::-webkit-scrollbar-thumb:hover{background:var(--wf-scrollbar-thumb-hover)}.workflow-canvas .react-flow__controls-button{background:var(--wf-rf-controls-bg);border-color:var(--wf-rf-controls-border);color:var(--wf-rf-controls-fg)}.workflow-canvas .react-flow__controls-button svg,.workflow-canvas .react-flow__controls-button svg *{fill:currentColor}.workflow-canvas .react-flow__controls-button svg{margin-left:0;margin-right:0}.workflow-canvas .react-flow__handle{background:var(--wf-app-bg);border:1px solid var(--wf-node-border)}.workflow-canvas .react-flow{background-color:var(--wf-app-bg)}.node-palette{width:200px;max-height:calc(100vh - 2rem);overflow:auto;background:var(--wf-panel-bg);padding:.75rem;border-radius:1.5rem;border:1px solid var(--wf-panel-border);box-shadow:0 25px 50px -12px #00000040;font-family:system-ui,-apple-system,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.node-palette-section{display:flex;flex-direction:column;gap:.5rem}.node-palette-section+.node-palette-section{margin-top:1rem}.node-palette-title{color:var(--wf-panel-section-title);font-size:.75rem;font-weight:500;padding:0 .5rem}.node-palette-items{display:flex;flex-direction:column;gap:.125rem}.node-palette-item{display:flex;align-items:center;gap:.75rem;padding:.375rem .5rem;border-radius:.75rem;transition:background-color .2s;text-align:left;width:100%;cursor:pointer;border:none;background:transparent}.node-palette-item:hover{background:var(--wf-panel-item-hover)}.node-palette-item:disabled{cursor:not-allowed;opacity:.6}.node-palette-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#18181b}.node-palette-icon.agent{background-color:#60a5fa}.node-palette-icon.classify{background-color:#fdba74}.node-palette-icon.inbox{background-color:#6ee7b7}.node-palette-icon.if-else,.node-palette-icon.while{background-color:#fb923c}.node-palette-icon.set-state{background-color:#6ee7b7}.node-palette-icon.transform{background-color:#c084fc}.node-palette-label{color:var(--wf-panel-item-text);font-weight:500;font-size:.875rem}.workflow-toolbar{display:flex;align-items:center;gap:.5rem;background:var(--wf-panel-bg);padding:.5rem;border-radius:1rem;border:1px solid var(--wf-panel-border);box-shadow:0 10px 15px -3px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workflow-toolbar-button{width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid var(--wf-panel-border);background:var(--wf-rf-controls-bg);color:var(--wf-rf-controls-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s}.workflow-toolbar-button:hover{background:var(--wf-panel-item-hover)}.workflow-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.workflow-status-indicator{padding:.5rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.workflow-status-indicator.connected{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.dark .workflow-status-indicator.connected{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.workflow-status-indicator.disconnected{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.dark .workflow-status-indicator.disconnected{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.workflow-status-dot{width:.5rem;height:.5rem;border-radius:50%}.workflow-status-dot.connected{background:#10b981}.workflow-status-dot.disconnected{background:#f59e0b}.workflow-run-button{background:#2563eb;color:#fff;padding:1rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #2563eb66;transition:transform .15s,background-color .15s}.workflow-run-button:hover{background:#3b82f6;transform:scale(1.05)}.workflow-run-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.workflow-resize-handle{height:6px;background:var(--wf-panel-border);cursor:row-resize;transition:background-color .15s}.workflow-resize-handle:hover{background:#3b82f6}.wf-resize-handle-horizontal{width:6px;background:var(--wf-console-border);cursor:col-resize;transition:background-color .15s}.wf-resize-handle-horizontal:hover,.wf-resize-handle-horizontal[data-resize-handle-active]{background:#3b82f6}[data-panel-group-direction=vertical]>[data-resize-handle]{height:6px;background:var(--wf-console-border);cursor:row-resize;transition:background-color .15s}[data-panel-group-direction=vertical]>[data-resize-handle]:hover,[data-panel-group-direction=vertical]>[data-resize-handle][data-resize-handle-active]{background:#3b82f6}.workflow-canvas input,.workflow-canvas select,.workflow-canvas textarea{background:var(--wf-node-bg);border-color:var(--wf-node-border);color:var(--wf-node-fg)}.workflow-canvas input::placeholder,.workflow-canvas textarea::placeholder{color:var(--wf-node-muted)}.workflow-canvas input:focus,.workflow-canvas select:focus,.workflow-canvas textarea:focus{border-color:#3b82f6;outline:none}.workflow-canvas .bg-gray-50{background:var(--wf-node-bg)}.workflow-canvas .border-gray-200,.workflow-canvas .border-gray-300{border-color:var(--wf-node-border)}.workflow-warning{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.2);padding:.5rem .75rem;border-radius:.75rem;font-size:.75rem;box-shadow:0 1px 2px #0000000d}.dark .workflow-warning{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}