@charset "UTF-8";:root{--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: var(--font-sans);--font-data: var(--font-mono);--text-xs: 9px;--text-sm: 10px;--text-base: 11px;--text-lg: 13px;--text-xl: 15px;--text-2xl: 18px;--weight-regular: 400;--weight-medium: 500;--weight-bold: 600;--weight-black: 800;--space-1: 2px;--space-1-5: 4px;--space-2: 6px;--space-2-5: 8px;--space-3: 10px;--space-3-5: 12px;--space-4: 14px;--space-6: 20px;--space-8: 28px;--space-12: 40px;--header-height: 36px;--header-height-sm: 20px;--sidebar-width: 45px;--panel-width-sm: 220px;--panel-width-md: 300px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 999px;--btn-radius: var(--radius-md);--btn-border-width: 1px;--btn-font-size: var(--text-sm);--btn-font-family: var(--font-sans);--btn-padding-y: var(--space-1-5);--btn-padding-x: var(--space-3);--z-negative: -1;--z-base: 0;--z-elevated: 10;--z-header: 100;--z-overlay: 200;--z-modal: 1000;--z-toast: 9999;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 2px var(--brand-glow-alpha)}:root{--brand-orange-500: #F35815;--brand-orange-600: #d94e13;--brand-red-600: #dc2626;--brand-glow-alpha: rgba(243, 88, 21, .15);--color-white: #ffffff;--zinc-950: #09090b;--zinc-925: #191919;--zinc-900: #121214;--zinc-800: #27272a;--zinc-700: #3f3f46;--zinc-600: #52525b;--zinc-500: #71717a;--zinc-400: #a1a1aa;--zinc-300: #d4d4d4;--zinc-50: #fafafa;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-900: #0f172a;--emerald-400: #4ade80;--emerald-500: #10b981;--emerald-500-rgb: 16, 185, 129;--emerald-400-10: rgba(74, 222, 128, .1);--emerald-400-20: rgba(74, 222, 128, .2);--emerald-900-20: rgba(16, 185, 129, .2);--sky-500: #0ea5e9;--sky-900-20: rgba(14, 165, 233, .2);--rose-400: #f87171;--rose-500: #f43f5e;--rose-400-10: rgba(248, 113, 113, .1);--rose-400-20: rgba(248, 113, 113, .2);--rose-900-20: rgba(244, 63, 94, .2);--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-400-10: rgba(251, 191, 36, .1);--amber-400-20: rgba(251, 191, 36, .2);--indigo-400: #818cf8;--indigo-400-10: rgba(129, 140, 248, .1);--indigo-400-20: rgba(129, 140, 248, .2);--purple-400: #c084fc;--purple-500: #a855f7;--purple-400-10: rgba(192, 132, 252, .1);--purple-400-20: rgba(192, 132, 252, .2);--blue-400: #60a5fa;--blue-100: #dbeafe;--blue-900-20: rgba(30, 58, 138, .2);--surface-bg: #111111;--surface-input: #181818;--surface-ink: #f4f4f0;--surface-muted: #999999;--surface-faint: #666666;--surface-line: #333333;--surface-accent: #e85d26;--surface-accent-hover: #c2410c;--surface-accent-badge-bg: #2a1a10;--surface-success: #7bb35f;--surface-pending: #d19a66;--surface-glow-alpha: rgba(232, 93, 38, .12)}[data-theme=dark]{--bg-app: rgb(30, 30, 30);--bg-panel: rgb(37, 37, 38);--bg-header: rgb(37, 37, 38);--bg-input: rgb(24, 24, 24);--bg-card-inset: var(--zinc-925);--bg-hover: rgb(50, 50, 50);--bg-active: rgb(45, 45, 48);--text-primary: #CCCCCC;--text-secondary: rgb(156, 163, 175);--text-muted: #6E7681;--text-code: #D4D4D4;--text-on-accent: #FFFFFF;--border-subtle: rgb(55, 55, 55);--border-focus: rgb(0, 122, 204);--border-focus-glow: rgba(0, 122, 204, .2);--bg-brand-gradient: linear-gradient(to bottom right, var(--brand-orange-500), var(--brand-red-600));--color-accent: var(--brand-orange-500);--color-pending: var(--brand-orange-500);--color-warning: var(--amber-400);--bg-trigger: var(--amber-400-10);--bg-trigger-hover: var(--amber-400-20);--color-danger: var(--rose-500);--color-control: var(--indigo-400);--bg-control: var(--indigo-400-10);--bg-control-hover: var(--indigo-400-20);--color-actions: var(--emerald-500);--bg-actions: var(--emerald-400-10);--bg-actions-hover: var(--emerald-400-20);--bg-danger: var(--rose-900-20);--glow-accent: var(--brand-glow-alpha);--border-accent-subtle: rgba(243, 88, 21, .4);--status-online-fg: var(--emerald-500);--status-online-bg: var(--emerald-900-20);--btn-success-fg: var(--emerald-400);--btn-success-bg: var(--emerald-400-10);--btn-success-hover: var(--emerald-400-20);--btn-success-border: var(--emerald-400-20);--btn-danger-fg: var(--rose-400);--btn-danger-bg: var(--rose-400-10);--btn-danger-hover: var(--rose-400-20);--btn-danger-border: var(--rose-400-20);--status-busy-fg: var(--sky-500);--status-busy-bg: var(--sky-900-20);--status-offline-fg: var(--zinc-500);--status-offline-bg: rgba(113, 113, 122, .2);--status-error-fg: var(--rose-500);--status-error-bg: var(--rose-900-20);--bg-nav-active: #264f78;--bg-nav-hover: rgba(255, 255, 255, .1);--text-nav-active: #ffffff;--bg-list-active: rgba(31, 64, 99, .6);--bg-badge-neutral: var(--bg-hover);--bg-badge-policy: var(--purple-400-10);--border-badge-policy: var(--purple-400-20);--text-badge-policy: var(--purple-400);--bg-stream-inbound: rgba(26, 31, 44, .8);--border-stream-inbound: rgb(42, 48, 64);--text-stream-inbound: var(--blue-100);--text-stream-outbound: var(--text-secondary);--btn-editor-primary: #0e639c;--btn-editor-hover: #1177bb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .2);--shadow-btn-idle: 0 1px 2px rgba(0, 0, 0, .2);--shadow-btn-hover: 0 4px 8px rgba(0, 0, 0, .3);--shadow-btn-active: 0 1px 1px rgba(0, 0, 0, .2);--border-btn-accent: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-app: var(--slate-50);--bg-panel: #FFFFFF;--bg-header: #FFFFFF;--bg-input: var(--slate-100);--bg-hover: var(--slate-100);--bg-active: var(--slate-200);--text-primary: var(--slate-900);--text-secondary: var(--zinc-500);--text-muted: var(--zinc-400);--text-code: var(--brand-orange-600);--text-on-accent: var(--color-white);--border-subtle: var(--slate-200);--border-focus: rgb(0, 122, 204);--border-focus-glow: rgba(0, 122, 204, .15);--bg-brand-gradient: linear-gradient(to bottom right, var(--brand-orange-500), var(--brand-red-600));--color-accent: var(--brand-orange-600);--color-warning: var(--amber-500);--bg-trigger: rgba(245, 158, 11, .08);--bg-trigger-hover: rgba(245, 158, 11, .15);--color-danger: #e11d48;--color-control: #4338ca;--bg-control: rgba(67, 56, 202, .08);--bg-control-hover: rgba(67, 56, 202, .15);--color-actions: #059669;--bg-actions: rgba(5, 150, 105, .08);--bg-actions-hover: rgba(5, 150, 105, .15);--bg-danger: #ffe4e6;--glow-accent: rgba(217, 78, 19, .15);--border-accent-subtle: rgba(217, 78, 19, .4);--status-online-fg: #059669;--status-online-bg: #d1fae5;--status-busy-fg: #0284c7;--status-busy-bg: #e0f2fe;--status-offline-fg: var(--zinc-500);--status-offline-bg: var(--slate-200);--status-error-fg: #e11d48;--status-error-bg: #ffe4e6;--btn-success-fg: #059669;--btn-success-bg: rgba(5, 150, 105, .08);--btn-success-hover: rgba(5, 150, 105, .15);--btn-success-border: rgba(5, 150, 105, .2);--btn-danger-fg: #e11d48;--btn-danger-bg: #ffe4e6;--btn-danger-hover: #fecdd3;--btn-danger-border: rgba(225, 29, 72, .2);--bg-nav-active: #dbeafe;--bg-nav-hover: rgba(0, 0, 0, .08);--text-nav-active: #1d4ed8;--bg-list-active: rgba(29, 78, 216, .15);--bg-badge-neutral: var(--slate-200);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .1);--shadow-btn-idle: 0 1px 2px rgba(0, 0, 0, .05);--shadow-btn-hover: 0 4px 8px rgba(0, 0, 0, .1);--shadow-btn-active: 0 1px 1px rgba(0, 0, 0, .05);--border-btn-accent: rgba(0, 0, 0, .1)}:root,[data-theme=surface]{--bg-app: var(--surface-bg);--bg-panel: var(--surface-bg);--bg-header: var(--surface-bg);--bg-input: var(--surface-input);--bg-hover: var(--surface-input);--bg-active: var(--surface-input);--text-primary: var(--surface-ink);--text-secondary: var(--surface-muted);--text-muted: var(--surface-faint);--text-code: var(--surface-ink);--text-on-accent: var(--color-white);--border-subtle: var(--surface-line);--border-focus: var(--surface-accent);--border-focus-glow: var(--surface-glow-alpha);--bg-brand-gradient: var(--surface-accent);--color-accent: var(--surface-accent);--color-accent-hover: var(--surface-accent-hover);--color-pending: var(--surface-accent);--glow-accent: var(--surface-glow-alpha);--border-accent-subtle: var(--surface-accent-hover);--status-online-fg: var(--surface-success);--status-online-bg: var(--surface-accent-badge-bg);--status-busy-fg: var(--surface-pending);--status-busy-bg: var(--surface-accent-badge-bg);--status-error-fg: var(--rose-500);--status-error-bg: var(--rose-900-20);--status-offline-fg: var(--surface-faint);--status-offline-bg: var(--surface-input);--bg-badge-neutral: var(--surface-input);--btn-success-fg: var(--surface-success);--btn-success-bg: var(--surface-accent-badge-bg);--btn-success-hover: var(--surface-accent-badge-bg);--btn-success-border: var(--surface-success);--btn-danger-fg: var(--rose-400);--btn-danger-bg: var(--rose-400-10);--btn-danger-hover: var(--rose-400-20);--btn-danger-border: var(--rose-400-20);--btn-radius: 0;--btn-border-width: 2px;--btn-font-size: 15px;--btn-font-family: var(--font-display);--btn-padding-y: 15px;--btn-padding-x: 15px;--font-display: "Bricolage Grotesque", var(--font-sans);--font-data: "IBM Plex Mono", var(--font-mono);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .3);--shadow-btn-idle: 0 1px 2px rgba(0, 0, 0, .3);--border-btn-accent: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);transition:background-color .3s ease,color .3s ease}.f-connection-drag-handle{display:none}.f-connection-path{stroke:var(--text-muted);stroke-width:2px;stroke-dasharray:6 3;marker-start:none;marker-end:none}.f-connection-selection{cursor:pointer;fill:none;stroke:transparent;stroke-width:16px;pointer-events:stroke}.f-selected .f-connection-selection{stroke:var(--color-accent);stroke-width:12px;stroke-opacity:.25;fill:none}button:disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(.5);pointer-events:none}
