.n8n-flow-visual{position:relative;width:100%;height:100%;justify-content:space-around}.flow-node,.flow-node-wrapper,.n8n-flow-visual{display:flex;flex-direction:column;align-items:center}.flow-node{width:180px;height:90px;background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);justify-content:center;text-align:center;padding:1rem;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px rgb(0 0 0/.05),0 2px 4px -2px rgb(0 0 0/.05)}.flow-node:hover{transform:translateY(-5px);border-color:hsl(var(--accent));box-shadow:0 10px 15px -3px hsl(var(--accent)/.1),0 4px 6px -4px hsl(var(--accent)/.1)}.node-title{font-size:.9rem;font-weight:600;color:hsl(var(--primary));line-height:1.3}.flow-connector{width:20px;height:40px;transform:rotate(90deg);position:relative}.flow-connector path{stroke-linecap:round}.flow-connector .animated-path{stroke-dashoffset:8;animation:move-dashes 1.5s linear infinite}@keyframes move-dashes{0%{stroke-dashoffset:16}to{stroke-dashoffset:0}}@media (min-width:768px){.n8n-flow-visual{justify-content:center;height:auto}.flow-node-wrapper,.n8n-flow-visual{flex-direction:row;align-items:center}.flow-connector{width:100px;height:20px;transform:rotate(0deg)}}