:root{--color-bg-1: #0c0d0f;--color-bg-2: #18181b;--color-bg-3: #27272a;--color-bg-4: #3f3f46;--color-bg-5: #52525b;--color-bg-6: #71717a;--color-text-primary: #f4f4f5;--color-text-secondary: #d9d9de;--color-text-tertiary: #a1a1aa;--color-text-quaternary: #71717a;--color-text-placeholder: #52525b;--color-text-disabled: #3f3f46;--color-text-accent: #fff;--color-text-on-brand: #1c1917;--color-text-on-brand-secondary: #44403c;--color-border-subtle: rgb(255 255 255 / .08);--color-border-default: rgb(255 255 255 / .12);--color-border-emphasis: rgb(255 255 255 / .24);--color-components-input-bg-normal: rgb(255 255 255 / .08);--color-components-input-border-normal: transparent;--color-components-input-text-normal: #f4f4f5;--color-components-input-bg-hover: rgb(255 255 255 / .12);--color-components-input-border-hover: transparent;--color-components-input-bg-active: rgb(255 255 255 / .12);--color-components-input-border-active: #747481;--color-components-input-text-active: #f4f4f5;--color-components-input-bg-disabled: rgb(255 255 255 / .04);--color-components-input-border-disabled: transparent;--color-components-input-text-disabled: #52525b;--color-components-input-bg-destructive: rgb(248 113 113 / .1);--color-components-input-border-destructive: #f87171;--color-components-input-text-destructive: #f87171;--color-components-input-text-placeholder: #71717a;--color-components-button-primary-bg: #fbbf24;--color-components-button-primary-border: #fbbf24;--color-components-button-primary-text: #1c1917;--color-components-button-primary-bg-hover: #fcd34d;--color-components-button-primary-border-hover: #fcd34d;--color-components-button-primary-bg-active: #f59e0b;--color-components-button-primary-border-active: #f59e0b;--color-components-button-primary-bg-disabled: rgb(255 255 255 / .08);--color-components-button-primary-border-disabled: transparent;--color-components-button-primary-text-disabled: #52525b;--color-components-button-secondary-bg: rgb(255 255 255 / .08);--color-components-button-secondary-border: rgb(255 255 255 / .08);--color-components-button-secondary-text: #f4f4f5;--color-components-button-secondary-bg-hover: rgb(255 255 255 / .12);--color-components-button-secondary-border-hover: rgb(255 255 255 / .12);--color-components-button-secondary-bg-active: rgb(255 255 255 / .16);--color-components-button-secondary-border-active: rgb(255 255 255 / .16);--color-components-button-secondary-bg-disabled: rgb(255 255 255 / .04);--color-components-button-secondary-border-disabled: transparent;--color-components-button-secondary-text-disabled: #52525b;--color-components-button-tertiary-bg: transparent;--color-components-button-tertiary-text: #d9d9de;--color-components-button-tertiary-bg-hover: rgb(255 255 255 / .08);--color-components-button-tertiary-text-hover: #f4f4f5;--color-components-button-tertiary-bg-active: rgb(255 255 255 / .12);--color-components-button-tertiary-text-disabled: #52525b;--color-components-button-destructive-bg: #f87171;--color-components-button-destructive-border: #f87171;--color-components-button-destructive-text: #fff;--color-components-button-destructive-bg-hover: #fca5a5;--color-components-button-destructive-border-hover: #fca5a5;--color-components-button-destructive-bg-active: #dc2626;--color-components-button-destructive-border-active: #dc2626;--color-components-button-destructive-bg-disabled: rgb(248 113 113 / .3);--color-components-button-destructive-border-disabled: transparent;--color-components-button-destructive-text-disabled: #52525b;--color-components-panel-bg: rgb(24 24 27 / .95);--color-components-panel-bg-blur: rgb(24 24 27 / .8);--color-components-panel-border: rgb(255 255 255 / .08);--color-components-panel-shadow: 0 4px 20px rgb(0 0 0 / .3);--color-components-panel-bg-hover: rgb(39 39 42 / .7);--color-components-panel-bg-active: rgb(39 39 42 / .9);--color-components-panel-on-panel-bg: rgb(39 39 42 / .8);--color-components-panel-on-panel-border: rgb(255 255 255 / .12);--color-components-panel-item-bg-hover: rgb(255 255 255 / .08);--color-components-panel-item-bg-active: rgb(255 255 255 / .12);--color-components-dropdown-bg: rgb(24 24 27 / .95);--color-components-dropdown-border: rgb(255 255 255 / .08);--color-components-dropdown-shadow: 0 8px 32px rgb(0 0 0 / .4);--color-components-dropdown-item-bg-hover: rgb(255 255 255 / .08);--color-components-dropdown-item-bg-active: rgb(255 255 255 / .12);--color-components-dropdown-item-text: #d9d9de;--color-components-dropdown-item-text-hover: #f4f4f5;--color-components-dropdown-divider: rgb(255 255 255 / .08);--color-components-tab-bg: transparent;--color-components-tab-text: #a1a1aa;--color-components-tab-border: transparent;--color-components-tab-bg-hover: rgb(255 255 255 / .05);--color-components-tab-text-hover: #d9d9de;--color-components-tab-bg-active: rgb(255 255 255 / .08);--color-components-tab-text-active: #f4f4f5;--color-components-tab-border-active: #fbbf24;--color-components-badge-info-bg: rgb(251 191 36 / .15);--color-components-badge-info-border: rgb(251 191 36 / .3);--color-components-badge-info-text: #fcd34d;--color-components-badge-success-bg: rgb(34 197 94 / .15);--color-components-badge-success-border: rgb(34 197 94 / .3);--color-components-badge-success-text: #86efac;--color-components-badge-warning-bg: rgb(234 179 8 / .15);--color-components-badge-warning-border: rgb(234 179 8 / .3);--color-components-badge-warning-text: #fde047;--color-components-badge-error-bg: rgb(248 113 113 / .15);--color-components-badge-error-border: rgb(248 113 113 / .3);--color-components-badge-error-text: #fca5a5;--color-components-modal-overlay-bg: rgb(0 0 0 / .7);--color-components-modal-bg: #18181b;--color-components-modal-border: rgb(255 255 255 / .12);--color-components-modal-shadow: 0 20px 60px rgb(0 0 0 / .5);--color-components-modal-header-border: rgb(255 255 255 / .08);--color-components-modal-footer-bg: rgb(255 255 255 / .02);--color-components-modal-footer-border: rgb(255 255 255 / .08);--color-components-sidebar-bg: rgb(24 24 27 / .95);--color-components-sidebar-border: rgb(255 255 255 / .08);--color-components-sidebar-item-bg-hover: rgb(255 255 255 / .08);--color-components-sidebar-item-bg-active: rgb(255 255 255 / .12);--color-components-sidebar-item-text: #d9d9de;--color-components-sidebar-item-text-active: #f4f4f5;--color-components-sidebar-divider: rgb(255 255 255 / .08);--color-components-tooltip-bg: rgb(24 24 27 / .98);--color-components-tooltip-border: rgb(255 255 255 / .12);--color-components-tooltip-text: #f4f4f5;--color-components-tooltip-shadow: 0 4px 12px rgb(0 0 0 / .4);--color-components-kbd-bg: rgb(255 255 255 / .08);--color-components-kbd-border: rgb(255 255 255 / .16);--color-components-kbd-text: #d9d9de;--color-workflow-node-communication: #3b82f6;--color-workflow-node-planning: #a855f7;--color-workflow-node-execution: #22c55e;--color-workflow-node-browser: #f59e0b;--color-workflow-node-knowledge: #10b981;--color-workflow-node-trigger: #8b5cf6;--color-workflow-node-agent: #f59e0b;--color-workflow-edge-idle: #6b7280;--color-workflow-edge-pending: #3b82f6;--color-workflow-edge-traversed: #22c55e;--color-workflow-edge-blocked: #ef4444;--color-workflow-edge-skipped: #9ca3af;--color-workflow-status-idle: #6b7280;--color-workflow-status-running: #3b82f6;--color-workflow-status-success: #22c55e;--color-workflow-status-error: #ef4444;--color-workflow-status-warning: #eab308;--color-brand-primary: #fbbf24;--color-brand-primary-light: #fcd34d;--color-brand-primary-dark: #f59e0b;--color-brand-primary-bg: rgb(251 191 36 / .15);--color-brand-primary-border: rgb(251 191 36 / .4);--color-brand-secondary: #fb923c;--color-brand-secondary-light: #fdba74;--color-brand-secondary-dark: #f97316;--color-brand-accent: #a78bfa;--color-brand-accent-light: #c4b5fd;--color-state-success: #22c55e;--color-state-success-bg: rgb(34 197 94 / .1);--color-state-success-border: rgb(34 197 94 / .3);--color-state-success-text: #22c55e;--color-state-error: #ef4444;--color-state-error-bg: rgb(239 68 68 / .1);--color-state-error-border: rgb(239 68 68 / .3);--color-state-error-text: #ef4444;--color-state-warning: #eab308;--color-state-warning-bg: rgb(234 179 8 / .1);--color-state-warning-border: rgb(234 179 8 / .3);--color-state-warning-text: #eab308;--color-state-info: #fbbf24;--color-state-info-bg: rgb(251 191 36 / .1);--color-state-info-border: rgb(251 191 36 / .3);--color-state-info-text: #fbbf24;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--z-canvas: 0;--z-sidebar: 10;--z-floating-controls: 20;--z-right-panel: 30;--z-context-menu: 40;--z-modal: 50;--z-tooltip: 60}html[data-theme=dark]{--color-bg-1: #0c0d0f;--color-bg-2: #18181b;--color-bg-3: #27272a;--color-bg-4: #3f3f46;--color-bg-5: #52525b;--color-bg-6: #71717a;--color-text-primary: #f4f4f5;--color-text-secondary: #d9d9de;--color-text-tertiary: #a1a1aa;--color-text-quaternary: #71717a;--color-text-placeholder: #52525b;--color-text-disabled: #3f3f46;--color-text-accent: #fff;--color-text-on-brand: #1c1917;--color-text-on-brand-secondary: #44403c;--color-border-subtle: rgb(255 255 255 / .08);--color-border-default: rgb(255 255 255 / .12);--color-border-emphasis: rgb(255 255 255 / .24);--color-components-input-bg-normal: rgb(255 255 255 / .08);--color-components-input-border-normal: transparent;--color-components-input-text-normal: #f4f4f5;--color-components-input-bg-hover: rgb(255 255 255 / .12);--color-components-input-border-hover: transparent;--color-components-input-bg-active: rgb(255 255 255 / .12);--color-components-input-border-active: #747481;--color-components-input-text-active: #f4f4f5;--color-components-input-bg-disabled: rgb(255 255 255 / .04);--color-components-input-border-disabled: transparent;--color-components-input-text-disabled: #52525b;--color-components-input-bg-destructive: rgb(248 113 113 / .1);--color-components-input-border-destructive: #f87171;--color-components-input-text-destructive: #f87171;--color-components-input-text-placeholder: #71717a;--color-components-button-primary-bg: #fbbf24;--color-components-button-primary-border: #fbbf24;--color-components-button-primary-text: #1c1917;--color-components-button-primary-bg-hover: #fcd34d;--color-components-button-primary-border-hover: #fcd34d;--color-components-button-primary-bg-active: #f59e0b;--color-components-button-primary-border-active: #f59e0b;--color-components-button-primary-bg-disabled: rgb(255 255 255 / .08);--color-components-button-primary-border-disabled: transparent;--color-components-button-primary-text-disabled: #52525b;--color-components-button-secondary-bg: rgb(255 255 255 / .08);--color-components-button-secondary-border: rgb(255 255 255 / .08);--color-components-button-secondary-text: #f4f4f5;--color-components-button-secondary-bg-hover: rgb(255 255 255 / .12);--color-components-button-secondary-border-hover: rgb(255 255 255 / .12);--color-components-button-secondary-bg-active: rgb(255 255 255 / .16);--color-components-button-secondary-border-active: rgb(255 255 255 / .16);--color-components-button-secondary-bg-disabled: rgb(255 255 255 / .04);--color-components-button-secondary-border-disabled: transparent;--color-components-button-secondary-text-disabled: #52525b;--color-components-button-tertiary-bg: transparent;--color-components-button-tertiary-text: #d9d9de;--color-components-button-tertiary-bg-hover: rgb(255 255 255 / .08);--color-components-button-tertiary-text-hover: #f4f4f5;--color-components-button-tertiary-bg-active: rgb(255 255 255 / .12);--color-components-button-tertiary-text-disabled: #52525b;--color-components-button-destructive-bg: #f87171;--color-components-button-destructive-border: #f87171;--color-components-button-destructive-text: #fff;--color-components-button-destructive-bg-hover: #fca5a5;--color-components-button-destructive-border-hover: #fca5a5;--color-components-button-destructive-bg-active: #dc2626;--color-components-button-destructive-border-active: #dc2626;--color-components-button-destructive-bg-disabled: rgb(248 113 113 / .3);--color-components-button-destructive-border-disabled: transparent;--color-components-button-destructive-text-disabled: #52525b;--color-components-panel-bg: rgb(24 24 27 / .95);--color-components-panel-bg-blur: rgb(24 24 27 / .8);--color-components-panel-border: rgb(255 255 255 / .08);--color-components-panel-shadow: 0 4px 20px rgb(0 0 0 / .3);--color-components-panel-bg-hover: rgb(39 39 42 / .7);--color-components-panel-bg-active: rgb(39 39 42 / .9);--color-components-panel-on-panel-bg: rgb(39 39 42 / .8);--color-components-panel-on-panel-border: rgb(255 255 255 / .12);--color-components-panel-item-bg-hover: rgb(255 255 255 / .08);--color-components-panel-item-bg-active: rgb(255 255 255 / .12);--color-components-dropdown-bg: rgb(24 24 27 / .95);--color-components-dropdown-border: rgb(255 255 255 / .08);--color-components-dropdown-shadow: 0 8px 32px rgb(0 0 0 / .4);--color-components-dropdown-item-bg-hover: rgb(255 255 255 / .08);--color-components-dropdown-item-bg-active: rgb(255 255 255 / .12);--color-components-dropdown-item-text: #d9d9de;--color-components-dropdown-item-text-hover: #f4f4f5;--color-components-dropdown-divider: rgb(255 255 255 / .08);--color-components-tab-bg: transparent;--color-components-tab-text: #a1a1aa;--color-components-tab-border: transparent;--color-components-tab-bg-hover: rgb(255 255 255 / .05);--color-components-tab-text-hover: #d9d9de;--color-components-tab-bg-active: rgb(255 255 255 / .08);--color-components-tab-text-active: #f4f4f5;--color-components-tab-border-active: #fbbf24;--color-components-badge-info-bg: rgb(251 191 36 / .15);--color-components-badge-info-border: rgb(251 191 36 / .3);--color-components-badge-info-text: #fcd34d;--color-components-badge-success-bg: rgb(34 197 94 / .15);--color-components-badge-success-border: rgb(34 197 94 / .3);--color-components-badge-success-text: #86efac;--color-components-badge-warning-bg: rgb(234 179 8 / .15);--color-components-badge-warning-border: rgb(234 179 8 / .3);--color-components-badge-warning-text: #fde047;--color-components-badge-error-bg: rgb(248 113 113 / .15);--color-components-badge-error-border: rgb(248 113 113 / .3);--color-components-badge-error-text: #fca5a5;--color-components-modal-overlay-bg: rgb(0 0 0 / .7);--color-components-modal-bg: #18181b;--color-components-modal-border: rgb(255 255 255 / .12);--color-components-modal-shadow: 0 20px 60px rgb(0 0 0 / .5);--color-components-modal-header-border: rgb(255 255 255 / .08);--color-components-modal-footer-bg: rgb(255 255 255 / .02);--color-components-modal-footer-border: rgb(255 255 255 / .08);--color-components-sidebar-bg: rgb(24 24 27 / .95);--color-components-sidebar-border: rgb(255 255 255 / .08);--color-components-sidebar-item-bg-hover: rgb(255 255 255 / .08);--color-components-sidebar-item-bg-active: rgb(255 255 255 / .12);--color-components-sidebar-item-text: #d9d9de;--color-components-sidebar-item-text-active: #f4f4f5;--color-components-sidebar-divider: rgb(255 255 255 / .08);--color-components-tooltip-bg: rgb(24 24 27 / .98);--color-components-tooltip-border: rgb(255 255 255 / .12);--color-components-tooltip-text: #f4f4f5;--color-components-tooltip-shadow: 0 4px 12px rgb(0 0 0 / .4);--color-components-kbd-bg: rgb(255 255 255 / .08);--color-components-kbd-border: rgb(255 255 255 / .16);--color-components-kbd-text: #d9d9de;--color-workflow-node-communication: #3b82f6;--color-workflow-node-planning: #a855f7;--color-workflow-node-execution: #22c55e;--color-workflow-node-browser: #f59e0b;--color-workflow-node-knowledge: #10b981;--color-workflow-node-trigger: #8b5cf6;--color-workflow-node-agent: #f59e0b;--color-workflow-edge-idle: #6b7280;--color-workflow-edge-pending: #3b82f6;--color-workflow-edge-traversed: #22c55e;--color-workflow-edge-blocked: #ef4444;--color-workflow-edge-skipped: #9ca3af;--color-workflow-status-idle: #6b7280;--color-workflow-status-running: #3b82f6;--color-workflow-status-success: #22c55e;--color-workflow-status-error: #ef4444;--color-workflow-status-warning: #eab308;--color-brand-primary: #fbbf24;--color-brand-primary-light: #fcd34d;--color-brand-primary-dark: #f59e0b;--color-brand-primary-bg: rgb(251 191 36 / .15);--color-brand-primary-border: rgb(251 191 36 / .4);--color-brand-secondary: #fb923c;--color-brand-secondary-light: #fdba74;--color-brand-secondary-dark: #f97316;--color-brand-accent: #a78bfa;--color-brand-accent-light: #c4b5fd;--color-state-success: #22c55e;--color-state-success-bg: rgb(34 197 94 / .1);--color-state-success-border: rgb(34 197 94 / .3);--color-state-error: #ef4444;--color-state-error-bg: rgb(239 68 68 / .1);--color-state-error-border: rgb(239 68 68 / .3);--color-state-warning: #eab308;--color-state-warning-bg: rgb(234 179 8 / .1);--color-state-warning-border: rgb(234 179 8 / .3);--color-state-info: #fbbf24;--color-state-info-bg: rgb(251 191 36 / .1);--color-state-info-border: rgb(251 191 36 / .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--z-canvas: 0;--z-sidebar: 10;--z-floating-controls: 20;--z-right-panel: 30;--z-context-menu: 40;--z-modal: 50;--z-tooltip: 60}html[data-theme=light]{--color-bg-1: #ffffff;--color-bg-2: #f9fafb;--color-bg-3: #f3f4f6;--color-bg-4: #e5e7eb;--color-bg-5: #d1d5db;--color-bg-6: #9ca3af;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-quaternary: #9ca3af;--color-text-placeholder: #d1d5db;--color-text-disabled: #e5e7eb;--color-text-accent: #000;--color-text-on-brand: #1c1917;--color-text-on-brand-secondary: #44403c;--color-border-subtle: rgb(0 0 0 / .05);--color-border-default: rgb(0 0 0 / .1);--color-border-emphasis: rgb(0 0 0 / .2);--color-brand-primary: #fbbf24;--color-brand-primary-light: #fcd34d;--color-brand-primary-dark: #f59e0b;--color-brand-primary-bg: rgb(251 191 36 / .15);--color-brand-primary-border: rgb(251 191 36 / .4);--color-brand-secondary: #fb923c;--color-brand-secondary-light: #fdba74;--color-brand-secondary-dark: #f97316;--color-brand-accent: #a78bfa;--color-brand-accent-light: #c4b5fd;--color-components-button-primary-bg: #fbbf24;--color-components-button-primary-border: #fbbf24;--color-components-button-primary-text: #1c1917;--color-components-button-primary-bg-hover: #fcd34d;--color-components-button-primary-border-hover: #fcd34d;--color-components-button-primary-bg-active: #f59e0b;--color-components-button-primary-border-active: #f59e0b;--color-components-tab-border-active: #fbbf24;--color-workflow-node-knowledge: #10b981;--color-workflow-node-agent: #f59e0b}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--color-bg-subtle)}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--color-bg-subtle)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary, #fbbf24);border:2px solid var(--color-bg-2);margin-top:-4px;cursor:pointer;-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary, #fbbf24);border:2px solid var(--color-bg-2);cursor:pointer;-moz-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1)}input[type=range]::-webkit-slider-thumb:hover{background:#fcd34d;transform:scale(1.1);box-shadow:0 0 0 4px #fbbf2440}input[type=range]::-moz-range-thumb:hover{background:#fcd34d;transform:scale(1.1);box-shadow:0 0 0 4px #fbbf2440}input[type=range]:active::-webkit-slider-thumb{background:#f59e0b;transform:scale(1.05);box-shadow:0 0 0 6px #fbbf2459}input[type=range]:active::-moz-range-thumb{background:#f59e0b;transform:scale(1.05);box-shadow:0 0 0 6px #fbbf2459}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #fbbf2459}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px #fbbf2459}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;padding:0;margin:0;list-style:none;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.breadcrumb-item+.breadcrumb-item:before{content:"/";padding:0 .5rem;color:var(--color-text-quaternary)}.breadcrumb-item a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-state-info)}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:500}.breadcrumb-item.active a{color:var(--color-text-primary);cursor:default;pointer-events:none}.react-flow__attribution{background:transparent!important;pointer-events:none!important}.react-flow__attribution a{color:var(--color-text-disabled)!important;pointer-events:none!important;cursor:default!important;text-decoration:none!important;font-size:8px!important}