:root{--rf-controls-bg-light:#ffffff;--rf-controls-text-light:#374151;--rf-controls-border-light:#d1d5db;--rf-controls-hover-bg-light:#f9fafb;--rf-controls-hover-border-light:#4a6cf7;--rf-controls-bg-dark:#1f2937;--rf-controls-text-dark:#ffffff;--rf-controls-border-dark:#3f3747;--rf-controls-hover-bg-dark:#4b5563;--rf-controls-hover-text-dark:#6366f1;--rf-controls-hover-border-dark:#4a6cf7}@keyframes dash{to{stroke-dashoffset:-10}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(74,108,247,.5)}50%{box-shadow:0 0 20px rgba(74,108,247,.8),0 0 30px rgba(74,108,247,.6)}}.react-flow__node{cursor:grab;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.react-flow__node:hover{transform:scale(1.03) translateZ(0);z-index:1000;transition:transform .15s cubic-bezier(.4,0,.2,1)}.react-flow__node.dragging{transform:scale(1.05) translateZ(0);cursor:grabbing;z-index:1001;transition:none;box-shadow:0 10px 30px rgba(0,0,0,.2)}.react-flow__node.selected{box-shadow:0 0 0 2px rgba(74,108,247,.6);transform:scale(1.02)}.react-flow__edge-path{transition:all .3s ease}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5,5;animation:dash var(--animation-speed,2s) linear infinite}.react-flow__edge:hover .react-flow__edge-path{stroke-width:4!important;filter:drop-shadow(0 0 6px currentColor)}.react-flow__edge.selected .react-flow__edge-path{stroke-width:4!important;filter:drop-shadow(0 0 8px currentColor)}.react-flow__controls{transition:all .3s ease;left:10px!important;right:auto!important;top:auto!important;bottom:10px!important;padding:7px;transform:none!important;display:flex!important;flex-direction:column!important;gap:8px!important}.react-flow__controls button{transition:all .2s ease;background-color:var(--rf-controls-bg-light)!important;color:var(--rf-controls-text-light)!important;border:1px solid var(--rf-controls-border-light)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;width:25px!important;height:25px!important;font-size:16px!important}.react-flow__controls button:hover{transform:scale(1.1);background-color:var(--rf-controls-hover-bg-light)!important;border-color:var(--rf-controls-hover-border-light)!important}.react-flow__controls button svg{color:var(--rf-controls-text-light)!important;fill:var(--rf-controls-text-light)!important}.dark .react-flow__controls button{background-color:var(--rf-controls-bg-dark)!important;color:var(--rf-controls-text-dark)!important;border:1px solid var(--rf-controls-border-dark)!important;box-shadow:0 1px 3px rgba(0,0,0,.3)!important}.dark .react-flow__controls button:hover{background-color:var(--rf-controls-hover-bg-dark)!important;color:var(--rf-controls-hover-text-dark)!important;border-color:var(--rf-controls-hover-border-dark)!important}.dark .react-flow__controls button svg{color:var(--rf-controls-text-dark)!important;fill:var(--rf-controls-text-dark)!important}.react-flow__minimap{transition:all .3s ease}.react-flow__minimap:hover{transform:scale(1.02)}.react-flow__background{transition:all .3s ease}.dark .react-flow__node:hover{filter:drop-shadow(0 10px 20px rgba(255,255,255,.1))}.dark .react-flow__node.dragging{filter:drop-shadow(0 15px 30px rgba(255,255,255,.15))}.react-flow__pane{cursor:grab}.react-flow__pane:active{cursor:grabbing}.react-flow__panel{pointer-events:auto!important;z-index:10}.react-flow__panel button{cursor:pointer}.react-flow__panel *,.react-flow__panel button{pointer-events:auto!important}@media (max-width:768px){.react-flow__node{font-size:12px}.react-flow__controls{bottom:10px;left:10px}.react-flow__minimap{bottom:10px;right:10px;width:120px;height:80px}}