@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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.0m6w47a4e5dy9.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.11u06r12fd6v_.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.0wxq9webf.ew4.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.067x_6k0k23tk.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.16ipb6fqu393i.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.0q-301v4kxxnr.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_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_7ea1d0f9-module__6GV5LG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_7ea1d0f9-module__6GV5LG__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-canvas:#09090b;--bg-surface:#0f0f12;--bg-sidebar:#0f0f12;--bg-toolbar:#0f0f12;--bg-card:#18181b;--bg-card-hover:#1f1f23;--bg-elevated:#27272a;--grid-dot:#ffffff0a;--accent-primary:#3b82f6;--accent-primary-glow:#3b82f640;--accent-secondary:#36d6c3;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#52525b;--border-subtle:#ffffff0f;--border-active:#3b82f666;--toolbar-height:48px;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-canvas);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.app-layout{grid-template-rows:var(--toolbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr auto;grid-template-areas:"toolbar toolbar toolbar""sidebar canvas properties";width:100vw;height:100vh;display:grid;overflow:hidden}.toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border-subtle);z-index:100;min-height:var(--toolbar-height);scrollbar-width:none;flex-wrap:nowrap;grid-area:toolbar;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 16px;display:flex;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar-left{flex-shrink:0;align-items:center;gap:10px;min-width:0;max-width:320px;display:flex}.toolbar-brand{color:var(--accent-primary);font-size:20px;line-height:1}.toolbar-title{color:var(--text-primary);letter-spacing:-.3px;font-size:14px;font-weight:600}.toolbar-center{scrollbar-width:none;flex-shrink:0;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.toolbar-center::-webkit-scrollbar{display:none}.toolbar-right{flex-shrink:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.toolbar-status{color:var(--text-muted);background:var(--bg-elevated);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex-shrink:1;min-width:0;max-width:140px;padding:4px 8px;font-size:12px;font-weight:500;overflow:hidden}.toolbar-status--active{max-width:160px}.toolbar-status--full{flex-shrink:0;max-width:none}.toolbar-zoom-badge{color:var(--text-muted);background:var(--bg-elevated);border-radius:6px;flex-shrink:0;margin-left:2px;padding:4px 8px;font-size:11px;font-weight:500}@media (max-width:1024px){.toolbar-status:not(.toolbar-status--full){max-width:100px}.toolbar-right{gap:6px}}@media (max-width:768px){.toolbar-left{max-width:160px}.toolbar-name-wrapper{max-width:120px}.toolbar-status:not(.toolbar-status--full){max-width:80px}}.toolbar-name-wrapper{align-items:center;gap:6px;min-width:0;max-width:200px;display:flex}.toolbar-name{color:var(--text-primary);letter-spacing:-.3px;cursor:text;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .15s;display:block;overflow:hidden}.toolbar-name:hover{background:var(--bg-elevated);border-color:var(--border-subtle)}.toolbar-name-input{color:var(--text-primary);letter-spacing:-.3px;background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:6px;outline:none;width:200px;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:600}.toolbar-name-input:focus,.toolbar-name-input:focus-visible{border-color:#0000!important;outline:none!important;box-shadow:inset 0 0 0 2px #73737380!important}.unsaved-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toolbar-version{color:var(--text-muted);background:var(--bg-elevated);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.toolbar-version:hover{color:var(--text-secondary);background:var(--bg-card)}.toolbar-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.toolbar-btn svg{flex-shrink:0}.toolbar-divider{background:var(--border-subtle);width:1px;height:24px;margin:0 4px}.sidebar{z-index:50;background:#1c1c20;border-right:1px solid #ffffff1a;flex-direction:column;grid-area:sidebar;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff0f;padding:14px 16px}.sidebar-title{color:#52525b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.sidebar-content{flex:1;padding:12px}.palette-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#1e1e22;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;transition:all .18s;display:flex}.palette-item:hover{background:#232328;border-color:#ffffff2e}.palette-item:active{cursor:grabbing;opacity:.8;transform:scale(.97)}.palette-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.palette-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.palette-label{color:#fafafa;font-size:11px;font-weight:600;line-height:1.2}.palette-desc{color:#52525b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.3;overflow:hidden}.dropped-node-marker{background:var(--bg-card);z-index:10;pointer-events:none;border:2px solid;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;animation:.25s ease-out marker-pop;display:flex;position:absolute}@keyframes marker-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.canvas-container{cursor:grab;background:var(--bg-canvas);grid-area:canvas;position:relative;overflow:hidden}.canvas-container.grabbing{cursor:grabbing}.canvas-viewport{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-grid{background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;width:8000px;height:8000px;position:absolute;top:-2000px;left:-2000px}.connections-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.connecting .connections-layer{z-index:10}.connection-label{paint-order:stroke;stroke:#0f1117;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;font-family:Inter,sans-serif}@keyframes dash-flow{to{stroke-dashoffset:-18px}}.zoom-controls{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:1000;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 20px #0006}.zoom-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.zoom-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.zoom-label{color:var(--text-muted);text-align:center;min-width:40px;font-size:11px;font-weight:500}.zoom-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 2px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;width:400px;max-height:80vh;animation:.2s modal-up;overflow:hidden;box-shadow:0 16px 48px #00000080}.modal.modal-wide{width:600px}@keyframes modal-up{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-primary);font-size:15px;font-weight:600}.modal-header-actions{align-items:center;gap:8px;display:flex}.modal-action-btn{color:var(--accent-primary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.modal-action-btn:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{max-height:60vh;padding:20px;overflow-y:auto}.modal-desc{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.modal-desc strong{color:var(--text-primary)}.save-options{flex-direction:column;gap:8px;display:flex}.save-option-btn{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex}.save-option-btn:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.save-option-icon{background:var(--bg-elevated);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.save-option-icon.new-version{color:var(--accent-primary);background:#f59e0b26}.save-option-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.save-option-desc{color:var(--text-muted);font-size:11px}.version-list{flex-direction:column;gap:4px;display:flex}.version-item{background:var(--bg-card);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.version-item.active{border-color:var(--accent-primary);background:#f59e0b14}.version-info{align-items:center;gap:10px;display:flex}.version-tag{color:var(--accent-primary);background:#f59e0b1f;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.version-label{color:var(--text-primary);font-size:13px}.version-time{color:var(--text-muted);font-size:11px}.json-preview{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);white-space:pre;tab-size:2;border-radius:10px;max-height:50vh;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.settings-tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;padding:0 16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.form-stack{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-elevated);border-color:var(--accent-primary)}.form-hint{color:var(--text-muted);font-size:11px}.form-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:-4px;font-size:11px;font-weight:700}.form-range{width:100%}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:flex-end;padding:16px 20px;display:flex}.save-btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.save-btn-primary:hover{background:#6b4ce6}.modal-settings{flex-direction:column;width:900px;max-width:90vw;height:700px;max-height:85vh;display:flex}.settings-container{flex:1;display:flex;overflow:hidden}.settings-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);width:220px;padding:16px 8px;overflow-y:auto}.settings-category-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-category-btn:hover{background:var(--bg-card);color:#fff}.settings-category-btn:hover .category-icon,.settings-category-btn:hover .category-label{color:#fff}.settings-category-btn.active{color:#fff;background:#4b2f0dcd}.settings-category-btn.active .category-icon,.settings-category-btn.active .category-label{color:#fff}.category-icon{color:inherit;flex-shrink:0;font-size:16px}.category-label{color:inherit;flex:1}.settings-panel{flex:1;padding:24px;overflow-y:auto}.settings-section{max-width:600px}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600}.subsection-title{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-size:14px;font-weight:600}.form-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer}.form-checkbox span{color:var(--text-primary);font-size:13px}.form-hint{color:var(--text-muted);margin-top:6px;font-size:12px}.wf-node{cursor:move;-webkit-user-select:none;user-select:none;z-index:5;will-change:transform;contain:layout style;background:#1e1e22;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:260px;height:auto;min-height:120px;font-family:Inter,sans-serif;transition:box-shadow .2s,border-color .2s,width .2s;display:flex;position:absolute;overflow:visible;box-shadow:inset 0 1px #ffffff0a,0 2px 8px #0000004d,0 8px 32px #0003}.wf-node--start{min-height:80px}.wf-node--end{min-height:60px}.wf-node:hover{border-color:#ffffff24;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #0006,0 12px 40px #00000040}.wf-node--active{animation:2s ease-in-out infinite active-node-pulse;z-index:15!important;border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e59,0 0 25px #22c55e40,0 4px 20px #0006!important}@keyframes active-node-pulse{0%,to{box-shadow:0 0 0 3px #22c55e59,0 0 25px #22c55e40,0 4px 20px #0006}50%{box-shadow:0 0 0 6px #22c55e33,0 0 40px #22c55e59,0 4px 20px #0006}}.toolbar-btn--talk{color:#22c55e!important}.toolbar-btn--talk:hover{background:#22c55e26!important}.toolbar-btn--connecting{opacity:.6;cursor:wait!important}.toolbar-btn--danger{color:#ef4444!important}.toolbar-btn--danger:hover{background:#ef444426!important}.toolbar-status--active{font-weight:600;color:#22c55e!important}.wf-node--selected{z-index:10;border-color:#fff3;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff0f,0 4px 16px #00000080,0 12px 48px #0000004d}.wf-node--collapsed{height:38px;overflow:hidden}.wf-node--collapsed .wf-node__header{border-bottom:none}.connection-edge{transition:opacity .25s}.edge-group .edge-delete-btn{opacity:0;transition:opacity .15s}.edge-group:hover .edge-delete-btn{opacity:1}.edge-group .edge-delete-btn:hover circle{fill:#ef444459;stroke:#ef4444b3}.wf-node__header{cursor:pointer;border-bottom:1px solid #ffffff0f;border-radius:11px 11px 0 0;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.wf-node__header:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.wf-node__type-dot{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.wf-node__name{color:#fafafa;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.wf-node__category{color:#52525b;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:500}.wf-node__badge{color:#aaa;white-space:nowrap;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9px;line-height:1.4}.wf-node__badge--blue{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa4d}.wf-node__badge--purple{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa4d}.wf-node__badge--red{color:#f87171;background:#f8717114;border-color:#f871714d}.wf-node__badge--gray{color:#9ca3af;background:#9ca3af0f;border-color:#9ca3af33;font-size:8px}.wf-node__summary{color:#a1a1aa;border-top:1px solid #ffffff0a;padding:8px 12px;font-size:11px}.wf-node__summary-instr{color:#8b8fa3;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.wf-node__summary-badges{flex-wrap:wrap;gap:4px;display:flex}.wf-node__summary-line{color:#9ca3af;border-top:1px solid #ffffff0a;padding:4px 10px 6px;font-size:10px}.wf-node__summary-dim{color:#555;margin-right:2px}.wf-node__delete{color:#71717a;cursor:pointer;background:#ef444414;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:600;line-height:1;transition:all .15s;display:flex}.wf-node__delete:hover{color:#ef4444;background:#ef444440}.wf-sticky__delete{cursor:pointer;background:#00000014;border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;font-size:16px;font-weight:700;line-height:1;transition:background .15s;display:flex}.wf-sticky__delete:hover{background:#00000026}.wf-sticky__actions{align-items:center;gap:4px;display:flex}.wf-node__body{flex-direction:column;flex:1;gap:10px;padding:10px 12px 14px;display:flex;overflow-y:visible}.wf-field{flex-direction:column;gap:4px;display:flex}.wf-field__label{color:#52525b;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.wf-field__value{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.wf-field__text{color:#aaa;font-size:12px;line-height:1.5}.wf-field__instruction{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;width:100%;padding:6px 8px;display:block}.wf-tag{white-space:nowrap;border:1px solid;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.wf-tag-row{flex-wrap:wrap;gap:4px;display:flex}.wf-port{cursor:crosshair;z-index:10;background:#1e1e22;border:2px solid #ffffff80;border-radius:50%;width:14px;height:14px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;box-shadow:0 0 4px #0000004d}.wf-port:after{content:"";border-radius:50%;position:absolute;inset:-12px}.wf-port:hover{border-color:#3b82f6;transform:scale(1.5);box-shadow:0 0 12px #3b82f680,0 0 4px #3b82f64d}.wf-port--in{background:#1e1e22;border-color:#f59e0bb3;position:absolute;top:38px;left:-7px;transform:none;box-shadow:0 0 6px #f59e0b33}.wf-port--in:hover{transform:scale(1.6);box-shadow:0 0 14px #f59e0b99,0 0 6px #f59e0b4d}.wf-node>.wf-node__body>.wf-field:last-child .wf-port--out.wf-port--default,.wf-node>.wf-port--out.wf-port--default{background:#1e1e22;border-color:#00e5ffb3;position:absolute;top:38px;right:-7px;transform:none;box-shadow:0 0 6px #00e5ff33}.wf-node>.wf-port--out.wf-port--default:hover,.wf-node>.wf-node__body>.wf-field:last-child .wf-port--out.wf-port--default:hover{transform:scale(1.6);box-shadow:0 0 14px #00e5ff80,0 0 6px #00e5ff4d}.wf-port--out{flex-shrink:0;margin-left:auto;position:relative}.wf-port--default{border-color:#6b7280b3;box-shadow:0 0 6px #6b728033}.canvas-container.connecting{cursor:crosshair}.canvas-container.connecting .wf-port--in{border-color:#f59e0b;transform:scale(1.4);box-shadow:0 0 18px #f59e0bb3,0 0 6px #f59e0b66}@keyframes port-pulse{0%,to{border-color:#f59e0bb3;box-shadow:0 0 6px #f59e0b66}50%{border-color:#f59e0b;box-shadow:0 0 20px #f59e0bcc,0 0 8px #f59e0b80}}@keyframes port-idle-glow{0%,to{box-shadow:0 0 5px #f59e0b26}50%{box-shadow:0 0 10px #f59e0b59}}.wf-conditions-list{flex-direction:column;gap:4px;width:100%;display:flex}.wf-condition-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.wf-condition-label{color:#8b8b9e;flex:1;font-size:11px}.wf-dtmf-key{color:#a855f7;min-width:50px;font-size:11px;font-weight:600}.wf-end-marker{text-align:center;color:#ff6464;letter-spacing:1px;background:#ff646414;border:1px solid #ff646433;border-radius:4px;padding:4px;font-size:10px;font-weight:700}.wf-note{color:#8ba4c7;background:#3b82f60f;border:1px solid #3b82f626;border-radius:6px;align-items:flex-start;gap:6px;padding:6px 8px;font-size:11px;line-height:1.4;display:flex}.wf-note__icon{color:#3b82f6;background:#3b82f633;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.wf-node--wide{width:370px}.wf-inline-input,.wf-inline-textarea,.wf-inline-select{color:#fafafa;background:#111113;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:11px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 2px #0003}.wf-inline-input:focus,.wf-inline-textarea:focus,.wf-inline-select:focus{background:#131316;border-color:#fff3;box-shadow:inset 0 1px 2px #0003,0 0 0 2px #ffffff0a}.wf-inline-textarea{resize:vertical;min-height:40px;line-height:1.5}.wf-inline-select{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 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%23555' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.wf-inline-select option{color:#fafafa;background:#111113}.wf-inline-checkbox{color:#a1a1aa;cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.wf-inline-checkbox input[type=checkbox]{accent-color:#22c55e}.wf-field__label{justify-content:space-between;align-items:center;display:flex}.wf-inline-add-btn{color:#3b82f6;cursor:pointer;text-align:center;background:#3b82f614;border:1px dashed #3b82f640;border-radius:8px;width:100%;padding:6px 8px;font-size:10px;font-weight:600;transition:all .15s}.wf-inline-section-title{color:#fafafa;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff0f;margin-top:4px;padding:8px 0 4px;font-size:10px;font-weight:700}.wf-dtmf-edit-row .wf-dtmf-key{text-align:center;color:#a855f7;min-width:20px;font-size:12px;font-weight:700}.wf-condition-edit{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.wf-condition-edit__top{align-items:center;gap:6px;display:flex}.wf-condition-edit__top .wf-inline-input{flex:1}.wf-condition-edit__remove{color:#ff6464;cursor:pointer;background:#ff64641a;border:1px solid #ff646433;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:background .2s;display:flex}.wf-condition-edit__row{align-items:center;gap:6px;display:flex}.wf-condition-edit__row .wf-inline-select,.wf-condition-edit__row .wf-inline-input{flex:1}.wf-condition-edit__goto{color:#555;flex-shrink:0;font-size:14px;font-weight:700}.wf-sticky{cursor:move;-webkit-user-select:none;user-select:none;z-index:2;background:#1e1e22;border:1.5px solid #ffffff1a;border-radius:10px;width:220px;min-height:100px;font-family:Inter,sans-serif;transition:box-shadow .2s,transform .15s;position:absolute;box-shadow:0 2px 12px #0006}.wf-sticky:hover{border-color:#ffffff26;box-shadow:0 4px 20px #00000080}.wf-sticky--selected{border-color:#eab30866;width:260px;box-shadow:0 0 0 2px #eab3084d,0 4px 20px #00000080}.wf-sticky__header{border-bottom:1px solid #ffffff0f;border-radius:9px 9px 0 0;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.wf-sticky__title{letter-spacing:.3px;color:#fafafa;font-size:12px;font-weight:700}.wf-sticky__colors{gap:4px;display:flex}.wf-sticky__color-btn{cursor:pointer;border:2px solid;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .15s}.wf-sticky__color-btn:hover{transform:scale(1.2)}.wf-sticky__color-btn.active{box-shadow:0 0 0 2px #fff3}.wf-sticky__body{padding:10px}.wf-sticky__text{white-space:pre-wrap;word-break:break-word;color:#a1a1aa;margin:0;font-size:12px;line-height:1.5}.wf-sticky__name-input{color:#fafafa;background:#111113;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;margin-bottom:6px;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:700}.wf-sticky__text-input{color:#fafafa;resize:vertical;background:#111113;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.5}.wf-sticky__name-input:focus,.wf-sticky__text-input:focus{background:#16161a;border-color:#ffffff40}.properties-panel{z-index:50;background:#1c1c20;border-left:1px solid #ffffff1a;flex-direction:column;grid-area:properties;width:340px;display:flex;overflow-y:auto}.properties-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.properties-title{align-items:center;gap:8px;display:flex}.properties-type-badge{color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.properties-id{color:var(--text-muted);font-family:monospace;font-size:11px}.properties-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.properties-close:hover{color:var(--text-primary)}.properties-content{flex-direction:column;flex:1;gap:14px;margin-bottom:20px;padding:16px;display:flex}.prop-group{flex-direction:column;gap:6px;display:flex}.prop-label{color:#71717a;margin-bottom:2px;font-size:12px;font-weight:500}.prop-input,.prop-select,.prop-textarea{color:#fafafa;background:#18181b;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s}.prop-textarea--mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5}.prop-input:focus,.prop-select:focus,.prop-textarea:focus{background:#1f1f23;border-color:#fff3}.prop-hint{color:var(--text-muted);font-size:11px;font-style:italic}.dtmf-routes{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.dtmf-row{align-items:center;gap:8px;display:flex}.dtmf-key{background:var(--bg-elevated);width:20px;height:20px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.conditions-list{flex-direction:column;gap:12px;display:flex}.condition-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.condition-header{justify-content:space-between;align-items:center;display:flex}.condition-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.condition-remove:hover{color:#ef4444}.condition-row{align-items:center;gap:6px;display:flex}.prop-input-sm,.prop-select-sm{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:4px 6px;font-size:11px}.prop-label-sm{color:var(--text-muted);font-size:11px}.prop-section-header{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.prop-add-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.prop-add-btn:hover{text-decoration:underline}.prop-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prop-section{background:0 0;border:none;border-radius:0;overflow:hidden}.prop-section+.prop-section{margin-top:0}.prop-section__header{cursor:pointer;color:#fafafa;letter-spacing:0;text-transform:none;background:0 0;border:none;border-top:1px solid #ffffff0f;align-items:center;gap:6px;width:100%;padding:10px 0;font-size:12px;font-weight:600;transition:color .15s;display:flex}.prop-section__header:hover{color:#fff}.prop-section__chevron{color:#52525b;width:12px;font-size:10px}.prop-section__badge{color:#71717a;background:#ffffff0f;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.prop-section__body{border-top:none;flex-direction:column;gap:10px;padding:0 0 12px;display:flex}.prop-toggle-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.prop-toggle{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff1a;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:all .2s;position:relative}.prop-toggle--on{background:var(--accent-primary);border-color:var(--accent-primary)}.prop-toggle__knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.prop-toggle--on .prop-toggle__knob{transform:translate(16px)}.kv-editor{flex-direction:column;gap:6px;display:flex}.kv-row{align-items:center;gap:4px;display:flex}.kv-arrow{color:var(--text-muted);flex-shrink:0;font-size:11px}.retries-list{flex-direction:column;gap:10px;display:flex}.retry-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.retry-header{justify-content:space-between;align-items:center;display:flex}.retry-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.prop-add-btn--full{text-align:center;background:#3b82f614;border:1px dashed #3b82f64d;border-radius:6px;width:100%;margin-top:4px;padding:8px;font-size:12px}.prop-add-btn--full:hover{background:#3b82f626;text-decoration:none}.condition-actions{align-items:center;gap:2px;display:flex}.condition-move{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px}.condition-move:hover{color:var(--text-primary);background:#ffffff14}.condition-row-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.config-subsection{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.config-subsection>.prop-label{color:var(--accent-primary);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding-bottom:4px;font-size:11px;font-weight:700}.properties-panel{width:340px;margin-bottom:80px}.properties-content{gap:8px}.wf-tab-bar{border-bottom:1px solid #ffffff14;gap:0;margin:8px -10px;padding:0 6px;display:flex}.wf-tab{text-transform:uppercase;letter-spacing:.06em;color:#52525b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.wf-tab:hover{color:#a1a1aa}.wf-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.wf-tab__badge{background:var(--accent-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.wf-inline-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.wf-inline-checkbox input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:14px;height:14px}.wf-inline-checkbox-sm{color:var(--text-dim);cursor:pointer;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:flex}.wf-inline-checkbox-sm input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:12px;height:12px}.wf-must-collect{flex-direction:column;gap:4px;padding:4px 0;display:flex}.wf-must-collect__field{align-items:center;gap:4px;display:flex}.wf-must-collect__field .wf-inline-input{flex:1}.wf-must-collect__options{padding:4px 0}.wf-kv-editor{flex-direction:column;gap:4px;display:flex}.wf-kv-row{align-items:center;gap:4px;display:flex}.wf-kv-row .wf-inline-input{flex:1;font-size:11px}.wf-routes-list{flex-direction:column;gap:6px;margin-right:-14px;padding:2px 0;display:flex}.wf-route-card{background:#3b82f60a;border:1px solid #3b82f61f;border-right:3px solid #3b82f64d;border-radius:8px 0 0 8px;position:relative;overflow:visible}.wf-route-card__header{background:#3b82f60f;border-bottom:1px solid #3b82f614;align-items:center;gap:4px;padding:5px 8px;display:flex;position:relative}.wf-route-card__header .wf-inline-input{color:#ffffffe6;flex:1;font-size:11px;font-weight:600}.wf-route-card__body{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.wf-route-card__row{align-items:center;gap:4px;display:flex}.wf-route-card__row .wf-inline-select{flex:1}.wf-route-card__arrow{color:#3b82f680;text-align:center;flex-shrink:0;width:18px;font-size:14px;font-weight:700}.wf-port--route{z-index:5;background:#1a2e1a;border-color:#22c55eb3;width:16px;height:16px;position:absolute;top:50%;right:-8px;transform:translateY(-50%);box-shadow:0 0 8px #22c55e40}.wf-port--route:hover{border-color:#22c55e;transform:translateY(-50%)scale(1.5);box-shadow:0 0 14px #22c55e99}.wf-tool-attached-item{background:#10b98114;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;display:flex}.wf-tool-attached-icon{opacity:.6;font-size:12px}.wf-tool-attached-name{color:#ffffffd9;flex:1;font-size:11px;font-weight:500}.wf-tool-attached-type{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:9px}.wf-tool-attached-method{text-transform:uppercase;color:#60a5fa;background:#3b82f626;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.wf-tool-param{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;margin-bottom:6px;padding:8px;display:flex}.wf-tool-param__header{align-items:center;gap:4px;display:flex}.wf-tool-param__header .wf-inline-input{flex:1;font-size:11px;font-weight:600}.wf-tool-param__header .wf-inline-select{width:70px;font-size:10px}.wf-tool-type-radio{gap:4px;padding:4px 0 6px;display:flex}.wf-radio-pill{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:10px;font-weight:600;transition:all .15s;display:flex}.wf-radio-pill input[type=radio]{display:none}.wf-radio-pill:hover{border-color:var(--text-secondary)}.wf-radio-pill--active{color:#fff;background:#3b82f640;border-color:#3b82f6}.wf-node-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;max-height:480px;overflow:hidden auto}.wf-node-scroll::-webkit-scrollbar{width:4px}.wf-node-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.wf-node-scroll::-webkit-scrollbar-track{background:0 0}.wf-inline-add-btn{color:var(--accent-primary);cursor:pointer;background:#3b82f614;border:1px dashed #3b82f64d;border-radius:4px;justify-content:center;align-items:center;width:100%;margin-top:2px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.wf-inline-add-btn:hover{background:#3b82f626;border-color:#3b82f680}.wf-retries-inline{flex-direction:column;gap:4px;padding:4px 0;display:flex}.wf-retry-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;padding:6px}.wf-retry-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wf-retry-card__label{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600}.wf-node--condition{border-left:3px solid #f59e0b!important}.wf-node--condition .wf-node__body{background:#f59e0b08}.wf-node--tool{border-left:3px solid #10b981!important}.wf-node--tool .wf-node__body{background:#10b98108}.wf-node--config{border-left:3px solid #8b5cf6!important}.wf-node--config .wf-node__body{background:#8b5cf608}.wf-node--compact{width:180px!important}.wf-node--compact .wf-field{padding:2px 0}.wf-node--compact .wf-field__label{min-width:55px;font-size:9px}.wf-node--compact .wf-inline-input,.wf-node--compact .wf-inline-select,.wf-node--compact .wf-inline-textarea{padding:3px 5px;font-size:11px}.wf-inline-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--border-subtle);margin-top:4px;padding:6px 0 2px;font-size:9px;font-weight:700}.wf-condition-edit__remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;transition:all .15s;display:flex}.wf-condition-edit__remove:hover{background:#ef444440}.wf-dtmf-edit-row{align-items:center;gap:6px;padding:2px 0;display:flex}.wf-dtmf-key{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:22px;height:22px;color:var(--text-secondary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.wf-dtmf-edit-row .wf-inline-select{flex:1}.wf-settings-row{gap:8px;display:flex}.wf-settings-row .wf-field{flex:1}.wf-field__text{color:var(--text-muted);font-size:11px;font-style:italic}.wf-node__summary-content{flex-direction:column;gap:8px;padding:4px 0;display:flex}.wf-node__summary-text{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.wf-node--compact{max-width:240px;min-width:unset!important;width:auto!important}.wf-node--compact .wf-node__body{padding:8px 10px}.wf-node__summary-text--static{color:var(--text-secondary);font-style:italic}.wf-node__summary-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.wf-node__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.wf-node__badge--condition{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.wf-node__badge--tool{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.wf-node__badge--end{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.wf-node__summary-next{color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.wf-arrow{color:var(--text-secondary)}.wf-node--condition{width:200px!important}.wf-node--condition .wf-node__header{padding:6px 10px}.transcript-panel{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c19f7;border-left:1px solid #ffffff14;flex-direction:column;width:340px;height:100vh;animation:.25s ease-out transcript-slide-in;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-8px 0 30px #0006}@keyframes transcript-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.transcript-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.transcript-header-left{align-items:center;gap:8px;display:flex}.transcript-header-right{align-items:center;gap:4px;display:flex}.transcript-indicator{border-radius:50%;width:8px;height:8px}.transcript-indicator--live{background:#22c55e;box-shadow:0 0 6px #22c55e99}.transcript-indicator--ended{background:#6b7280}.transcript-title{color:#ffffffe6;letter-spacing:.02em;font-size:13px;font-weight:600}.transcript-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.transcript-close:hover{color:#fffc;background:#ffffff14}.transcript-stats{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-around;align-items:center;padding:10px 12px;display:flex}.transcript-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.transcript-stat-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:500}.transcript-stat-value{color:#ffffffd9;font-family:Inter,monospace;font-size:14px;font-weight:700}.latency--fast{color:#22c55e!important}.latency--ok{color:#f59e0b!important}.latency--slow{color:#ef4444!important}.transcript-messages{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:10px;padding:12px 16px 20px;display:flex;overflow-y:auto}.transcript-messages::-webkit-scrollbar{width:4px}.transcript-messages::-webkit-scrollbar-track{background:0 0}.transcript-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.transcript-empty{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.transcript-empty-icon{opacity:.3}.transcript-empty-text{color:#ffffff80;font-size:13px;font-weight:500}.transcript-empty-hint{color:#ffffff40;font-size:11px}.transcript-msg{flex-direction:column;gap:3px;animation:.2s ease-out transcript-msg-in;display:flex}@keyframes transcript-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-msg--agent{align-items:flex-start}.transcript-msg--user{align-items:flex-end}.transcript-msg-row{align-items:center;gap:8px;padding:0 4px;display:flex}.transcript-msg--user .transcript-msg-row{flex-direction:row-reverse}.transcript-msg-sender{color:#fff6;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.transcript-msg-time{color:#fff3;font-size:9px}.transcript-msg-bubble{word-break:break-word;border-radius:14px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.5}.transcript-msg--agent .transcript-msg-bubble{color:#ffffffe6;background:#3b82f61f;border:1px solid #3b82f61a;border-bottom-left-radius:4px}.transcript-msg--user .transcript-msg-bubble{color:#ffffffe6;background:#f59e0b1f;border:1px solid #f59e0b1a;border-bottom-right-radius:4px}.transcript-msg-text{display:inline}.transcript-msg--partial{opacity:.7}.transcript-msg--partial .transcript-msg-bubble{border-style:dashed}.transcript-typing-dot{color:#f59e0b;font-size:10px;animation:1s ease-in-out infinite typing-pulse}@keyframes typing-pulse{0%,to{opacity:.3}50%{opacity:1}}.transcript-latency-section{border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px}.transcript-latency-title{color:#fff6;text-transform:uppercase;letter-spacing:.08em;padding:0 4px 8px;font-size:10px;font-weight:600}.transcript-latency-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:8px;padding:10px 12px;animation:.2s ease-out transcript-msg-in}.transcript-latency-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.transcript-latency-turn{color:#ffffff80;font-size:11px;font-weight:600}.transcript-latency-total{font-family:Inter,monospace;font-size:13px;font-weight:700}.transcript-latency-bars{flex-direction:column;gap:5px;display:flex}.transcript-latency-bar{align-items:center;gap:8px;display:flex}.transcript-latency-bar-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:28px;font-size:9px;font-weight:600}.transcript-latency-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.transcript-latency-bar-fill{border-radius:3px;height:100%;transition:width .3s}.latency-bar--eou{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.latency-bar--llm{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.latency-bar--tts{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.transcript-latency-bar-value{text-align:right;flex-shrink:0;width:42px;font-family:Inter,monospace;font-size:10px;font-weight:600}.transcript-endcall-wrap{border-bottom:1px solid #ffffff0d;justify-content:center;padding:8px 16px;display:flex}.transcript-endcall-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #ef44444d}.transcript-endcall-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.02);box-shadow:0 4px 16px #ef444480}.transcript-summary{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:12px;margin:16px 0 8px;padding:14px;animation:.3s ease-out transcript-msg-in}.transcript-summary-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}.transcript-summary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.transcript-summary-item{flex-direction:column;align-items:center;gap:2px;display:flex}.transcript-summary-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:500}.transcript-summary-value{color:#ffffffd9;font-family:Inter,monospace;font-size:16px;font-weight:700}.canvas-float-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;pointer-events:auto;background:#141423d9;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.float-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.float-btn:hover{color:#f59e0b;background:#ffffff1a}.float-btn:active{color:#f59e0b;background:#f59e0b33}.float-btn--active{color:#df8b24;background:#f59e0b40;box-shadow:inset 0 0 0 1px #f59e0b4d}.float-btn--active:hover{color:#f59e0b;background:#f59e0b59}.float-zoom-label{color:#ffffff80;text-align:center;-webkit-user-select:none;user-select:none;min-width:38px;font-family:Inter,monospace;font-size:11px;font-weight:600}.float-divider{background:#ffffff1a;width:1px;height:20px;margin:0 4px}.canvas-locked .wf-node input,.canvas-locked .wf-node select,.canvas-locked .wf-node textarea,.canvas-locked .wf-node button,.canvas-locked .wf-node .wf-inline-input,.canvas-locked .wf-node .wf-inline-select,.canvas-locked .wf-node .wf-tab-btn,.canvas-locked .wf-node .wf-route-card__delete,.canvas-locked .wf-node .wf-add-btn{opacity:.7;pointer-events:none!important}.canvas-locked .wf-node__delete{display:none!important}.canvas-locked .wf-port{opacity:.5;pointer-events:none!important}.canvas-locked .wf-node{cursor:default!important}.canvas-move{cursor:grab!important}.canvas-move.grabbing{cursor:grabbing!important}