.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{touch-action:none;outline:0;display:flex;overflow:hidden}.drawflow{-webkit-user-select:none;user-select:none;perspective:0;width:100%;height:100%}.drawflow .drawflow-node{color:#000;z-index:2;background:#0ff;border:2px solid #000;border-radius:4px;align-items:center;width:160px;min-height:40px;padding:15px;display:flex;position:absolute}.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{cursor:crosshair;z-index:1;background:#fff;border:2px solid #000;border-radius:50%;width:20px;height:20px;margin-bottom:5px;position:relative}.drawflow .drawflow-node .input{background:#ff0;top:2px;left:-27px}.drawflow .drawflow-node .output{top:2px;right:-3px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{pointer-events:none;aspect-ratio:1;position:absolute}.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:2px;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{color:#fff;z-index:4;text-align:center;cursor:pointer;background:#000;border:2px solid #fff;border-radius:50%;width:30px;height:30px;font-family:monospace;font-weight:700;line-height:30px;display:block;position:absolute}.drawflow>.drawflow-delete{margin-top:15px;margin-left:-15px}.parent-node .drawflow-delete{top:-15px;right:-15px}.parent-drawflow{background-color:#f8fafc;background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-size:24px 24px;display:flex;position:absolute;inset:0;overflow:hidden}.drawflow{background:0 0!important;width:100%!important;height:100%!important}.drawflow .drawflow-node{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:220px;min-height:auto;padding:0;box-shadow:0 1px 2px #0f172a0f,0 8px 16px #0f172a0a}.drawflow .drawflow-node.selected{border-color:#0d9488;box-shadow:0 0 0 2px #0d948859,0 8px 18px #0f172a14;background:#fff!important}.drawflow .drawflow-node.selected .input,.drawflow .drawflow-node.selected .output{background:#f0fdfa;border-color:#0d9488}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;display:flex}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{margin-bottom:0;top:0}.drawflow .drawflow-node .input{left:-3px}.drawflow .drawflow-node .output{right:-3px}.drawflow .drawflow-node .drawflow_content_node{align-self:stretch;width:100%;padding:0;display:flex}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{background:#fff;border:2px solid #94a3b8;width:14px;height:14px}.drawflow .drawflow-node .output,.drawflow .drawflow-node.cf-node-condition .output,.drawflow .drawflow-node.cf-node-switch .output{border-color:#64748b}.drawflow .connection .main-path{stroke:#94a3b8;stroke-width:3px}.drawflow .connection.cf-conn-hot .main-path,.drawflow .connection .main-path:hover,.drawflow .connection .main-path.selected{stroke:#0d9488}.drawflow .connection .cf-conn-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke;cursor:pointer}.drawflow .connection .cf-conn-delete{opacity:0;pointer-events:none}.drawflow .connection.cf-conn-hot .cf-conn-delete{opacity:1;pointer-events:auto;cursor:pointer}.drawflow .connection .cf-conn-delete circle{fill:#64748b;stroke:#fff;stroke-width:2px}.drawflow .connection .cf-conn-delete:hover circle{fill:#ef4444}.drawflow .connection .cf-conn-delete path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round}.cf-df-node{align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;display:flex}.cf-df-node__header{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.cf-df-node__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cf-df-node__icon svg{width:18px;height:18px}.cf-node-form .cf-df-node__icon,.cf-node-condition .cf-df-node__icon,.cf-node-switch .cf-df-node__icon{color:#475569;background:#f1f5f9}.cf-df-node__type{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0;font-size:10px;font-weight:700}.cf-df-node__title{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;max-width:160px;margin:2px 0 0;font-size:13px;font-weight:600;overflow:hidden}.cf-df-node__ports{color:#64748b;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:flex-end;gap:12px;min-width:36px;font-size:10px;font-weight:600;display:flex}.cf-df-node__port{align-items:center;height:14px;line-height:1;display:flex}.drawflow-delete{color:#fff!important;background:#ef4444!important;border:0!important;line-height:24px!important}