#automation-flow-canvas{width:100%;height:100%}#automation-flow-canvas .drawflow{width:100%;height:100%;background-color:#f9fafb;background-image:radial-gradient(circle,#d1d5db 1px,transparent 1px);background-size:20px 20px}.drawflow .drawflow-node{border-radius:12px;border:2px solid #e5e7eb;background:white;box-shadow:0 1px 3px #0000001a;min-width:180px;padding:0;transition:border-color .15s,box-shadow .15s}.drawflow .drawflow-node.condition-node{min-width:260px}.drawflow .drawflow-node:hover{border-color:#9ca3af}.drawflow .drawflow-node.selected{border-color:rgb(var(--brand-primary-rgb, 59 130 246));box-shadow:0 0 0 3px rgb(var(--brand-primary-rgb, 59 130 246) / .15)}.node-content{display:flex;flex-direction:column}.node-header{padding:8px 14px;font-size:13px;font-weight:600;color:#1f2937;border-bottom:1px solid #f3f4f6}.node-body{padding:8px 14px 10px;font-size:11px;color:#6b7280;min-height:20px}.node-summary-line{color:#374151;font-weight:600;line-height:1.35}.node-summary-meta{margin-top:3px;line-height:1.35}.node-branch-line{display:flex;align-items:flex-start;gap:8px}.node-branch-line+.node-branch-line{margin-top:6px}.node-branch-output{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;background:#f3e8ff;color:#7c3aed;font-size:10px;font-weight:700;line-height:1}.node-branch-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.node-branch-title{color:#374151;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.node-branch-summary{line-height:1.35}.node-branch-line-else .node-branch-output{background:#e5e7eb;color:#4b5563}.node-trigger .node-header{background:#fef3c7;color:#92400e;border-radius:10px 10px 0 0}.node-action .node-header{background:#dbeafe;color:#1e40af;border-radius:10px 10px 0 0}.node-timing .node-header{background:#e0e7ff;color:#3730a3;border-radius:10px 10px 0 0}.node-logic .node-header{background:#fce7f3;color:#9d174d;border-radius:10px 10px 0 0}.node-control .node-header{background:#fee2e2;color:#991b1b;border-radius:10px 10px 0 0}.drawflow .connection .main-path{stroke:#9ca3af;stroke-width:2}.drawflow .connection .main-path:hover{stroke:#6b7280;stroke-width:3}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{width:12px;height:12px;border:2px solid #9ca3af;background:white}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background:#3b82f6;border-color:#3b82f6}.drawflow .drawflow-delete{border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;cursor:pointer}.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;-moz-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}