@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-canvas:#0a0a0f;--bg-surface:#111118;--bg-sidebar:#111118;--bg-toolbar:#111118;--bg-card:#1a1a24;--bg-card-hover:#22222e;--bg-elevated:#252530;--grid-dot:#ffffff0f;--accent-primary:#7c5cfc;--accent-primary-glow:#7c5cfc40;--accent-secondary:#36d6c3;--text-primary:#f0f0f5;--text-secondary:#8b8b9e;--text-muted:#55556a;--border-subtle:#ffffff0f;--border-active:#7c5cfc66;--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;grid-area:toolbar;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.toolbar-left{align-items:center;gap:10px;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{align-items:center;gap:4px;display:flex}.toolbar-right{align-items:center;gap:12px;display:flex}.toolbar-status{color:var(--text-muted);background:var(--bg-elevated);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.toolbar-zoom-badge{color:var(--text-muted);font-size:11px;font-weight:500}.toolbar-name-wrapper{align-items:center;gap:6px;display:flex}.toolbar-name{color:var(--text-primary);letter-spacing:-.3px;cursor:text;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .15s}.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}.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{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:50;flex-direction:column;grid-area:sidebar;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:16px}.sidebar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.sidebar-content{flex:1;padding:12px}.palette-item{background:var(--bg-card);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .18s;display:flex}.palette-item:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);transform:translate(2px)}.palette-item:active{cursor:grabbing;opacity:.8;transform:scale(.97)}.palette-icon{color:#fff;opacity:.9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.palette-info{flex-direction:column;gap:1px;min-width:0;display:flex}.palette-label{color:var(--text-primary);font-size:13px;font-weight:550;line-height:1.2}.palette-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;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}.connection-edge path{transition:stroke-width .15s}.connection-edge .edge-glow{opacity:.35}.connection-edge .edge-line--fwd,.connection-edge--fwd .edge-glow{animation:1.5s linear infinite dash-flow-fwd}.connection-edge .edge-line--back,.connection-edge--back .edge-glow{animation:1s linear infinite dash-flow-reverse}.connection-edge circle{filter:drop-shadow(0 0 8px)}@keyframes dash-flow-fwd{to{stroke-dashoffset:-38px}}@keyframes dash-flow-reverse{to{stroke-dashoffset:38px}}.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:#7c5cfc26}.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:#7c5cfc14}.version-info{align-items:center;gap:10px;display:flex}.version-tag{color:var(--accent-primary);background:#7c5cfc1f;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:var(--text-primary)}.settings-category-btn.active{background:var(--accent-primary);color:#fff}.category-icon{flex-shrink:0;font-size:16px}.category-label{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;background:#16161e;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;width:260px;height:300px;font-family:Inter,sans-serif;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute;overflow:hidden}.wf-node--start{height:120px}.wf-node--end{height:80px}.wf-node:hover{border-color:#ffffff26;box-shadow:0 4px 20px #0006}.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{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow),0 4px 20px #0006;z-index:10}.wf-node--collapsed{height:38px;overflow:hidden}.wf-node--collapsed .wf-node__header{border-bottom:none}.connection-edge{transition:opacity .25s}.wf-node__header{border-bottom:2px solid #ffffff0f;align-items:center;gap:8px;padding:10px 14px;display:flex}.wf-node__type-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wf-node__name{color:#f0f0f5;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.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{border-top:1px solid #ffffff0a;padding:6px 10px 8px}.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:#ff6464;cursor:pointer;background:#ff64641a;border:1px solid #ff64644d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:600;line-height:1;transition:background .15s;display:flex}.wf-node__delete:hover{background:#ff646440}.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 14px 14px;display:flex;overflow-y:auto}.wf-field{flex-direction:column;gap:4px;display:flex}.wf-field__label{color:#555;letter-spacing:.5px;text-transform:uppercase;font-size:10px;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{border:2px solid var(--accent-primary);cursor:crosshair;z-index:5;background:#252530;border-radius:50%;width:12px;height:12px;transition:transform .15s,box-shadow .15s,border-color .15s}.wf-port:hover{box-shadow:0 0 10px var(--accent-primary);transform:scale(1.5)}.wf-port--in{position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.wf-port--in:hover{box-shadow:0 0 12px var(--accent-primary);transform:translateY(-50%)scale(1.5)}.wf-node>.wf-node__body>.wf-field:last-child .wf-port--out.wf-port--default,.wf-node>.wf-port--out.wf-port--default{position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.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:translateY(-50%)scale(1.5)}.wf-port--out{flex-shrink:0;margin-left:auto;position:relative}.wf-port--default{border-color:#6b7280}.canvas-container.connecting{cursor:crosshair}.canvas-container.connecting .wf-port--in{box-shadow:0 0 8px var(--accent-primary);animation:1s infinite port-pulse}@keyframes port-pulse{0%,to{box-shadow:0 0 4px var(--accent-primary)}50%{box-shadow:0 0 12px var(--accent-primary)}}.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:320px}.wf-inline-input,.wf-inline-textarea,.wf-inline-select{color:#e0e0f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .2s,background .2s}.wf-inline-input:focus,.wf-inline-textarea:focus,.wf-inline-select:focus{border-color:var(--accent-primary,#7c5cfc);background:#ffffff0f}.wf-inline-textarea{resize:vertical;min-height:32px;line-height:1.4}.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='%23666' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.wf-inline-select option{color:#e0e0f0;background:#1a1a2e}.wf-inline-checkbox input[type=checkbox]{accent-color:var(--accent-primary,#7c5cfc)}.wf-field__label{justify-content:space-between;align-items:center;display:flex}.wf-inline-add-btn{color:#7c5cfc;cursor:pointer;background:#7c5cfc1a;border:1px solid #7c5cfc4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;transition:background .2s}.wf-inline-add-btn:hover{background:#7c5cfc33}.wf-inline-section-title{color:#555;letter-spacing:.5px;text-transform:uppercase;padding-top:4px;font-size:10px;font-weight:600}.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;border:2px solid;border-radius:4px;width:220px;min-height:100px;font-family:Inter,sans-serif;transition:box-shadow .2s,transform .15s;position:absolute;box-shadow:3px 3px 12px #00000026}.wf-sticky:hover{transform:scale(1.01);box-shadow:4px 4px 20px #00000040}.wf-sticky--selected{box-shadow:0 0 0 2px var(--accent-primary,#7c5cfc),4px 4px 20px #00000040;width:260px}.wf-sticky__header{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.wf-sticky__title{letter-spacing:.3px;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:16px;height:16px;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 #0000004d}.wf-sticky__body{padding:10px}.wf-sticky__text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.5}.wf-sticky__name-input{background:#ffffff4d;border:1px solid;border-radius:4px;outline:none;width:100%;margin-bottom:6px;padding:4px 6px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.wf-sticky__text-input{resize:vertical;background:#ffffff4d;border:1px solid;border-radius:4px;outline:none;width:100%;padding:6px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}.wf-sticky__name-input:focus,.wf-sticky__text-input:focus{background:#ffffff80}.properties-panel{background:var(--bg-sidebar);border-left:1px solid var(--border-subtle);z-index:50;flex-direction:column;grid-area:properties;width:300px;display:flex;overflow-y:auto}.properties-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding: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:20px;padding:16px;display:flex}.prop-group{flex-direction:column;gap:6px;display:flex}.prop-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.prop-input,.prop-select,.prop-textarea{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:all .15s}.prop-input:focus,.prop-select:focus,.prop-textarea:focus{border-color:var(--accent-primary);background:var(--bg-elevated)}.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{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:8px;overflow:hidden}.prop-section+.prop-section{margin-top:8px}.prop-section__header{background:var(--bg-elevated);cursor:pointer;width:100%;color:var(--text-primary);text-transform:uppercase;letter-spacing:.4px;border:none;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.prop-section__header:hover{background:#ffffff0f}.prop-section__chevron{color:var(--text-muted);width:12px;font-size:10px}.prop-section__badge{color:var(--accent-primary);background:#3b82f626;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.prop-section__body{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding: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}.properties-content{gap:8px}.wf-tab-bar{border-bottom:1px solid var(--border-subtle);gap:0;margin:6px -10px;padding:0 6px;display:flex}.wf-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 4px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.wf-tab:hover{color:var(--text-primary);background:#ffffff08}.wf-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.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-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-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 .wf-node__body{padding:6px 8px}.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-dim);font-size:11px;font-style:italic}