.drag-handle{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.react-flow__handle{position:relative;width:16px!important;height:16px!important;border:2px solid #ffffff!important;border-radius:50%!important;background-color:#6B9E78!important;transition:all .2s ease-in-out;cursor:crosshair!important;z-index:30;opacity:.8}.react-flow__handle:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:transparent;border-radius:50%;cursor:crosshair}.react-flow__node:hover .react-flow__handle{opacity:1!important;transform:scale(1.1)!important}.react-flow__handle:hover{transform:scale(1.2)!important;opacity:1!important;box-shadow:0 0 0 4px rgba(59,130,246,.3)!important}.react-flow__connectionline{stroke:#3b82f6!important;stroke-width:2px!important;stroke-dasharray:5,5;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.react-flow__handle-connecting{background-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.3)!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px rgba(16,185,129,.3)}50%{box-shadow:0 0 0 8px rgba(16,185,129,.1)}}.hex-node-input .react-flow__handle{background-color:#6B9E78!important}.hex-node-process .react-flow__handle{background-color:#634F7D!important}.hex-node-output .react-flow__handle{background-color:#F2617A!important}.source-node .react-flow__handle{background-color:rgba(107,158,120,.9)!important;opacity:.8!important}.source-node:hover .react-flow__handle{opacity:1!important;transform:scale(1.1)!important}.react-flow__node.dragging .react-flow__handle{opacity:0!important;pointer-events:none!important}