@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--brand-primary:#2563eb;--brand-hover:#1d4ed8;--brand-light:#eff6ff;--brand-border:#2563eb33;--brand-glow:#2563eb14;--bg-app:#f5f7fa;--bg-canvas:#d8e0ea;--bg-surface:#fff;--bg-subtle:#f0f2f5;--bg-overlay:#0f172a73;--bg-primary:var(--bg-app);--bg-secondary:var(--bg-surface);--bg-tertiary:var(--bg-subtle);--text-heading:#111827;--text-body:#374151;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-disabled:#d1d5db;--border-subtle:var(--border);--border:#e5e7eb;--border-strong:var(--border-strong);--border-focus:var(--brand-primary);--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#0891b2;--info-bg:#ecfeff;--info-border:#a5f3fc;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 24px -4px #0000001a, 0 4px 8px -2px #0000000d;--shadow-xl:0 20px 40px -8px #0000001f, 0 8px 16px -4px #0000000f;--node-bg:#fff;--node-border:#e5e7eb;--node-shadow:var(--shadow-sm);--node-shadow-selected:0 0 0 2px var(--brand-primary), var(--shadow-md);--node-start:#16a34a;--node-start-bg:#f0fdf4;--node-start-border:#bbf7d0;--node-guardrail:#dc2626;--node-guardrail-bg:#fef2f2;--node-guardrail-border:#fecaca;--node-statictext:#2563eb;--node-statictext-bg:#eff6ff;--node-statictext-border:#bfdbfe;--node-agent:#7c3aed;--node-agent-bg:#f5f3ff;--node-agent-border:#ddd6fe;--node-condition:#d97706;--node-condition-bg:#fffbeb;--node-condition-border:#fde68a;--node-userapprove:#ea580c;--node-userapprove-bg:#fff7ed;--node-userapprove-border:#fed7aa;--node-finalization:#0891b2;--node-finalization-bg:#ecfeff;--node-finalization-border:#a5f3fc;--node-waitinput:#f59e0b;--node-waitinput-bg:#fffbeb;--node-waitinput-border:#fde68a;--node-handoff:#ec4899;--node-handoff-bg:#fdf2f8;--node-handoff-border:#fbcfe8;--node-httprequest:#14b8a6;--node-httprequest-bg:#f0fdfa;--node-httprequest-border:#a7f3d0;--text-primary:var(--text-heading);--accent-primary:var(--brand-primary);--accent-hover:var(--brand-hover);--accent-glow:var(--brand-glow);--accent-subtle:var(--brand-light);--surface-hover:var(--bg-subtle);--surface-active:#e5e7eb;--surface-overlay:var(--bg-overlay);--surface-input:var(--bg-surface);--surface-input-hover:var(--bg-subtle);--border-default:var(--border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}a{color:var(--brand-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.card-hover{transition:box-shadow .2s,border-color .2s,transform .15s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.glass-panel-light{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px}.page-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.page-header-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.page-header h1{color:var(--text-heading);letter-spacing:-.03em;font-size:20px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;padding:20px 22px;transition:box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.flow-input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-heading);resize:vertical;border-radius:8px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.flow-input:hover{border-color:var(--border-strong)}.flow-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow)}.flow-input::placeholder{color:var(--text-muted)}.flow-select{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-heading);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:9px 32px 9px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.flow-select:hover{border-color:var(--border-strong)}.flow-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow)}.flow-select option{background:var(--bg-surface);color:var(--text-heading)}.toggle-wrapper{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.toggle{flex-shrink:0;width:38px;height:21px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--border-strong);cursor:pointer;border-radius:99px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--brand-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(17px)}.palette-item{background:var(--bg-surface);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.palette-item:hover{background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:var(--shadow-xs);transform:translate(2px)}.palette-item:active{cursor:grabbing;transform:scale(.97)}.palette-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn{cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 2px #2563eb4d}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb59}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--bg-surface);color:var(--text-body);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:5px 10px;font-size:12px}.badge{letter-spacing:.01em;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.badge-brand{background:var(--brand-light);color:var(--brand-primary);border:1px solid var(--brand-border)}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:13px;font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.react-flow__node{border-radius:14px;overflow:visible}.react-flow__node.selected>div{box-shadow:var(--node-shadow-selected)!important}.react-flow__handle{border:2.5px solid var(--bg-surface)!important;cursor:crosshair!important;border-radius:50%!important;width:14px!important;height:14px!important;transition:transform .15s,box-shadow .15s!important}.react-flow__handle:hover{transform:scale(1.4)!important}.react-flow__handle-right{right:-7px!important}.react-flow__handle-left{left:-7px!important}.react-flow__edge-path{stroke:#cbd5e1;stroke-width:2px;transition:stroke .2s,stroke-width .2s}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:var(--brand-primary);stroke-width:2.5px;filter:drop-shadow(0 0 4px var(--brand-glow))}.react-flow__edge-text{fill:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px}.react-flow__controls{overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important;border-radius:10px!important}.react-flow__controls-button{border:none!important;border-bottom:1px solid var(--border)!important;color:var(--text-secondary)!important;background:0 0!important;transition:background .15s,color .15s!important}.react-flow__controls-button:last-child{border-bottom:none!important}.react-flow__controls-button:hover{background:var(--bg-subtle)!important;color:var(--text-heading)!important}.react-flow__controls-button svg{fill:currentColor!important}.react-flow__minimap{overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:10px!important}.react-flow__connectionline path{stroke:var(--brand-primary);stroke-width:2px;stroke-dasharray:5 5;animation:.5s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-10px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.panel-slide-in-right{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInRight}.panel-slide-in-left{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.fade-in{animation:.25s forwards fadeIn}.fade-in-scale{animation:.2s forwards fadeInScale}.spin{animation:1s linear infinite spin}
