.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:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;width:180px;min-width:220px;max-width:260px;min-height:20px;padding:10px;display:flex;position:absolute;overflow:visible!important}.drawflow .drawflow-node.selected{border:1px solid #6366f1;box-shadow:0 0 0 2px #6366f11a}.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:1px solid #000;border-radius:50%;width:10px;height:10px;margin-bottom:5px;position:relative}.drawflow .drawflow-node .input{background:#000;top:2px;left:-15px}.drawflow .drawflow-node .output{top:2px;right:-6px}.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:2px;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}.node-card{pointer-events:auto;width:100%}.node-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.node-icon{background:#f4f4f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.node-icon svg{display:block}.node-content{flex-direction:column;min-width:0;display:flex}.node-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.node-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.node-edit-btn{z-index:20;color:#374151;cursor:pointer;text-align:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:4px 8px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s;display:block;position:relative;pointer-events:auto!important}.node-edit-btn:hover{color:#6366f1;background:#f3f4f6;border-color:#6366f1}.node-hint{color:#9ca3af;text-align:center;letter-spacing:.01em;margin-top:6px;font-size:10px}