.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow-delete{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}.workflow-editor-container{position:relative}#drawflow-canvas{width:100%;height:100%;background:linear-gradient(90deg,rgb(243 244 246 / .5) 1px,transparent 1px),linear-gradient(rgb(243 244 246 / .5) 1px,transparent 1px);background-size:20px 20px}.dark #drawflow-canvas{background:linear-gradient(90deg,rgb(55 65 81 / .3) 1px,transparent 1px),linear-gradient(rgb(55 65 81 / .3) 1px,transparent 1px);background-size:20px 20px}.drawflow .drawflow-node{border-radius:.5rem;border:2px solid;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;min-width:200px}.drawflow .drawflow-node.selected{border-color:#2563eb!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.drawflow .drawflow-node.event-node{border-color:#bfdbfe!important;background-color:#eff6ff!important}.dark .drawflow .drawflow-node.event-node{border-color:#2563eb!important;background-color:#172554!important}.drawflow .drawflow-node.action-node{border-color:#bbf7d0!important;background-color:#f0fdf4!important}.dark .drawflow .drawflow-node.action-node{border-color:#16a34a!important;background-color:#14532d!important}.event-node-content,.action-node-content{padding:.75rem}.node-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.drawflow .drawflow-node .node-config-btn{position:absolute!important;top:0!important;right:20px!important;padding:.25rem;border-radius:.25rem;color:#262525;opacity:0;transition:opacity .2s ease,background-color .15s;cursor:pointer;z-index:10;background:transparent;border:none}.action-node:hover .node-config-btn,.condition-node:hover .node-config-btn,.switch-node:hover .node-config-btn,.try-catch-node:hover .node-config-btn,.delay-node:hover .node-config-btn,.parallel-node:hover .node-config-btn,.foreach-node:hover .node-config-btn,.filter-node:hover .node-config-btn{opacity:1}.node-config-btn:hover{background-color:#bbf7d0}.dark .node-config-btn{color:#86efac}.dark .node-config-btn:hover{background-color:#166534}.node-config-btn svg{width:20px!important;height:20px!important}.node-title{font-weight:600;font-size:.875rem;flex:1}.event-node .node-title{color:#1e3a8a}.dark .event-node .node-title{color:#dbeafe}.action-node .node-title{color:#14532d}.dark .action-node .node-title{color:#dcfce7}.node-code{font-size:.75rem;font-family:ui-monospace,monospace}.event-node .node-code{color:#2563eb}.dark .event-node .node-code{color:#93c5fd}.action-node .node-code{color:#16a34a}.dark .action-node .node-code{color:#86efac}.drawflow .connection .main-path{stroke:#9ca3af;stroke-width:3px}.dark .drawflow .connection .main-path{stroke:#6b7280}.drawflow .connection.selected .main-path{stroke:#2563eb}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background-color:#9ca3af;width:15px;height:15px;border-radius:50%;cursor:crosshair}.dark .drawflow .drawflow-node .input,.dark .drawflow .drawflow-node .output{background-color:#6b7280}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background-color:#2563eb}.drawflow .drawflow-node.condition-node{border-color:#ddd6fe!important;background-color:#faf5ff!important}.dark .drawflow .drawflow-node.condition-node{border-color:#8b5cf6!important;background-color:#2e1065!important}.condition-node .node-title{color:#581c87}.dark .condition-node .node-title{color:#e9d5ff}.condition-node .node-config-btn{color:#8b5cf6}.condition-node .node-config-btn:hover{background-color:#ddd6fe}.dark .condition-node .node-config-btn{color:#c4b5fd}.dark .condition-node .node-config-btn:hover{background-color:#4c1d95}.drawflow .drawflow-node.switch-node{border-color:#c7d2fe!important;background-color:#eef2ff!important}.dark .drawflow .drawflow-node.switch-node{border-color:#6366f1!important;background-color:#1e1b4b!important}.switch-node .node-title{color:#3730a3}.dark .switch-node .node-title{color:#e0e7ff}.switch-node .node-config-btn{color:#6366f1}.switch-node .node-config-btn:hover{background-color:#c7d2fe}.dark .switch-node .node-config-btn{color:#a5b4fc}.dark .switch-node .node-config-btn:hover{background-color:#312e81}.drawflow .drawflow-node.try-catch-node{border-color:#fed7aa!important;background-color:#fff7ed!important}.dark .drawflow .drawflow-node.try-catch-node{border-color:#f59e0b!important;background-color:#451a03!important}.try-catch-node .node-title{color:#92400e}.dark .try-catch-node .node-title{color:#fef3c7}.try-catch-node .node-config-btn{color:#f59e0b}.try-catch-node .node-config-btn:hover{background-color:#fed7aa}.dark .try-catch-node .node-config-btn{color:#fcd34d}.dark .try-catch-node .node-config-btn:hover{background-color:#78350f}.drawflow .drawflow-node.delay-node{border-color:#a5f3fc!important;background-color:#ecfeff!important}.dark .drawflow .drawflow-node.delay-node{border-color:#06b6d4!important;background-color:#083344!important}.delay-node .node-title{color:#0e7490}.dark .delay-node .node-title{color:#cffafe}.delay-node .node-config-btn{color:#06b6d4}.delay-node .node-config-btn:hover{background-color:#a5f3fc}.dark .delay-node .node-config-btn{color:#67e8f9}.dark .delay-node .node-config-btn:hover{background-color:#164e63}.drawflow .drawflow-node.parallel-node{border-color:#99f6e4!important;background-color:#f0fdfa!important}.dark .drawflow .drawflow-node.parallel-node{border-color:#14b8a6!important;background-color:#0f3d3c!important}.parallel-node .node-title{color:#115e59}.dark .parallel-node .node-title{color:#ccfbf1}.parallel-node .node-config-btn{color:#14b8a6}.parallel-node .node-config-btn:hover{background-color:#99f6e4}.dark .parallel-node .node-config-btn{color:#5eead4}.dark .parallel-node .node-config-btn:hover{background-color:#134e4a}.drawflow .drawflow-node.foreach-node{border-color:#bae6fd!important;background-color:#f0f9ff!important}.dark .drawflow .drawflow-node.foreach-node{border-color:#0ea5e9!important;background-color:#0c4a6e!important}.foreach-node .node-title{color:#0369a1}.dark .foreach-node .node-title{color:#e0f2fe}.foreach-node .node-config-btn{color:#0ea5e9}.foreach-node .node-config-btn:hover{background-color:#bae6fd}.dark .foreach-node .node-config-btn{color:#7dd3fc}.dark .foreach-node .node-config-btn:hover{background-color:#075985}.drawflow .drawflow-node.filter-node{border-color:#fdcdd3!important;background-color:#fff1f2!important}.dark .drawflow .drawflow-node.filter-node{border-color:#f43f5e!important;background-color:#4c0519!important}.filter-node .node-title{color:#9f1239}.dark .filter-node .node-title{color:#ffe4e6}.filter-node .node-config-btn{color:#f43f5e}.filter-node .node-config-btn:hover{background-color:#fdcdd3}.dark .filter-node .node-config-btn{color:#fb7185}.dark .filter-node .node-config-btn:hover{background-color:#881337}.node-outputs{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;background:#f9fafb;border-top:1px solid rgb(229 231 235)}.dark .node-outputs{background:#111827;border-top-color:#374151}.output-label{font-size:.7rem;color:#4b5563;padding:.125rem .375rem;border-radius:.25rem;background:#e5e7eb}.dark .output-label{color:#9ca3af;background:#374151}.output-then{background:#dcfce7;color:#166534}.dark .output-then{background:#14532d;color:#86efac}.output-else,.output-filtered{background:#fee2e2;color:#991b1b}.dark .output-else,.dark .output-filtered{background:#7f1d1d;color:#fca5a5}.output-try{background:#dcfce7;color:#166534}.dark .output-try{background:#14532d;color:#86efac}.output-catch{background:#fef9c3;color:#854d0e}.dark .output-catch{background:#713f12;color:#fde047}.output-item{background:#cffafe;color:#0e7490}.dark .output-item{background:#164e63;color:#67e8f9}.output-complete,.output-pass{background:#dcfce7;color:#166534}.dark .output-complete,.dark .output-pass{background:#14532d;color:#86efac}.output-branch{background:#d1fae5;color:#065f46}.dark .output-branch{background:#064e3b;color:#6ee7b7}.output-case{background:#e0e7ff;color:#4338ca}.dark .output-case{background:#312e81;color:#a5b4fc}.output-default{background:#f3f4f6;color:#4b5563}.dark .output-default{background:#374151;color:#9ca3af}.drawflow .drawflow-node.condition-node .outputs,.drawflow .drawflow-node.switch-node .outputs,.drawflow .drawflow-node.try-catch-node .outputs,.drawflow .drawflow-node.parallel-node .outputs,.drawflow .drawflow-node.foreach-node .outputs,.drawflow .drawflow-node.filter-node .outputs{display:flex;flex-direction:column;gap:8px;position:absolute;right:-8px;top:50%;transform:translateY(-50%)}.drawflow .drawflow-node.condition-node .output,.drawflow .drawflow-node.switch-node .output,.drawflow .drawflow-node.try-catch-node .output,.drawflow .drawflow-node.parallel-node .output,.drawflow .drawflow-node.foreach-node .output,.drawflow .drawflow-node.filter-node .output{position:relative!important;top:auto!important;right:auto!important}