.flow-visual-canvas{width:min(100%,800px);margin:0 auto;color:var(--theme-text)}.fresh-connected-visual-column>.flow-visual-canvas{width:min(100%,800px)}.flow-visual-canvas>svg{display:block;width:100%;height:auto;font-family:inherit}.flow-svg-node{animation:flow-node-enter .45s cubic-bezier(.22,1,.36,1) both}.flow-svg-node__body{fill:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-text) 8%);stroke:var(--app-border);stroke-width:1.25}.flow-svg-node--trigger .flow-svg-node__body{stroke:hsl(var(--brand-orange))}.flow-svg-node--approval .flow-svg-node__body{stroke-dasharray:5 4}.flow-svg-node__kicker{fill:color-mix(in srgb,var(--theme-text) 62%,transparent);font-size:10.5px;font-weight:800}.flow-svg-node--trigger .flow-svg-node__kicker{fill:hsl(var(--brand-orange))}.flow-svg-node--action .flow-svg-node__kicker{fill:hsl(var(--brand-accent-purple))}.flow-svg-node--condition .flow-svg-node__kicker,.flow-svg-node--approval .flow-svg-node__kicker{fill:color-mix(in srgb,var(--theme-text) 70%,transparent)}.flow-svg-node__title{fill:var(--theme-text);font-size:15.5px;font-weight:800}.flow-svg-node__caption{fill:color-mix(in srgb,var(--theme-text) 58%,transparent);font-size:12.5px;font-weight:600}.flow-svg-node__icon{color:hsl(var(--brand-orange))}.flow-svg-node--action .flow-svg-node__icon{color:hsl(var(--brand-accent-purple))}.flow-svg-node--condition .flow-svg-node__icon,.flow-svg-node--approval .flow-svg-node__icon,.flow-svg-node--neutral .flow-svg-node__icon{color:color-mix(in srgb,var(--theme-text) 78%,transparent)}.flow-svg-connector__rail,.flow-svg-connector__pulse{fill:none;stroke-linecap:round}.flow-svg-connector__rail{stroke:color-mix(in srgb,var(--theme-text) 24%,transparent);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;animation:flow-rail-draw .65s cubic-bezier(.5,0,.18,1) both}.flow-svg-connector__pulse{stroke:hsl(var(--brand-orange));stroke-width:2.5;stroke-dasharray:16 240;animation:flow-connector-pulse 2.4s cubic-bezier(.55,.06,.34,.96) infinite}.flow-svg-connector--accent .flow-svg-connector__pulse{stroke:hsl(var(--brand-accent-purple))}.flow-svg-connector__port{fill:none;stroke:color-mix(in srgb,var(--theme-text) 55%,transparent);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:flow-port-pop .36s cubic-bezier(.34,1.56,.64,1) both}.flow-svg-badge{animation:flow-node-enter .4s cubic-bezier(.22,1,.36,1) both}.flow-svg-badge rect{fill:color-mix(in srgb,var(--theme-surface) 86%,var(--theme-text) 14%);stroke:var(--app-border);stroke-width:1}.flow-svg-badge text{fill:var(--theme-text);font-size:11.5px;font-weight:750}.flow-svg-badge--done circle{fill:hsl(var(--brand-accent-purple))}.flow-svg-badge--live circle{fill:hsl(var(--brand-orange));animation:flow-dot-blink 1.6s ease-in-out infinite}.flow-svg-badge--hold circle{fill:color-mix(in srgb,var(--theme-text) 45%,transparent)}.flow-svg-chip{animation:flow-node-enter .4s cubic-bezier(.22,1,.36,1) both}.flow-svg-chip rect{fill:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-text) 8%);stroke:var(--app-border);stroke-width:1.1}.flow-svg-chip__label{fill:var(--theme-text);font-size:13px;font-weight:750}.flow-svg-chip__caption{fill:color-mix(in srgb,var(--theme-text) 56%,transparent);font-size:11.5px;font-weight:600}.flow-svg-chip__icon{color:hsl(var(--brand-orange))}.flow-svg-annotation{animation:flow-node-enter .4s cubic-bezier(.22,1,.36,1) both}.flow-svg-annotation rect{fill:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-text) 8%);stroke:hsl(var(--brand-orange));stroke-width:1.25}.flow-svg-annotation__title{fill:var(--theme-text);font-size:14px;font-weight:800}.flow-svg-annotation__caption{fill:color-mix(in srgb,var(--theme-text) 58%,transparent);font-size:12px;font-weight:600}.flow-svg-node__trace{fill:none;stroke:hsl(var(--brand-orange));stroke-width:1.75;stroke-linecap:round;stroke-dasharray:.2 .8;opacity:0;transition:opacity .16s ease}.flow-svg-node--action .flow-svg-node__trace{stroke:hsl(var(--brand-accent-purple))}.flow-svg-node:hover .flow-svg-node__trace{animation:flow-trace-loop .45s linear forwards}@keyframes flow-trace-loop{0%{stroke-dashoffset:1;opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes flow-node-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-connector-pulse{0%{stroke-dashoffset:256}to{stroke-dashoffset:0}}@keyframes flow-rail-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes flow-port-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes flow-dot-blink{0%,to{opacity:1}50%{opacity:.25}}.flow-svg-core{color:var(--theme-text);animation:flow-node-enter .45s cubic-bezier(.22,1,.36,1) both}.flow-svg-core__card{fill:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-text) 8%);stroke:hsl(var(--brand-orange));stroke-width:1.5}.flow-rgb-glow{transform-box:fill-box;transform-origin:center;animation:flow-rgb-glow-enter .6s ease both,flow-rgb-glow-hue 9s linear infinite}@keyframes flow-rgb-glow-enter{0%{opacity:0}to{opacity:1}}.flow-rgb-glow__blob{transform-box:fill-box;transform-origin:center;filter:blur(16px)}.flow-rgb-glow__blob--r{animation:flow-rgb-glow-orbit-r 7.5s ease-in-out infinite}.flow-rgb-glow__blob--g{animation:flow-rgb-glow-orbit-g 8.5s ease-in-out infinite}.flow-rgb-glow__blob--b{animation:flow-rgb-glow-orbit-b 6.5s ease-in-out infinite}.flow-rgb-glow__rim{transform-box:fill-box;transform-origin:center;filter:blur(9px);animation:flow-rgb-glow-breathe 4.5s ease-in-out infinite}@keyframes flow-rgb-glow-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes flow-rgb-glow-orbit-r{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,22px) scale(1.12)}66%{transform:translate(10px,34px) scale(.92)}}@keyframes flow-rgb-glow-orbit-g{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-32px,18px) scale(.94)}66%{transform:translate(-12px,-10px) scale(1.1)}}@keyframes flow-rgb-glow-orbit-b{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6px,-30px) scale(1.08)}66%{transform:translate(-22px,-16px) scale(.95)}}@keyframes flow-rgb-glow-breathe{0%,to{transform:scale(.99);opacity:.72}50%{transform:scale(1.05);opacity:.95}}@media(prefers-reduced-motion:reduce){.flow-svg-node,.flow-svg-badge,.flow-svg-chip,.flow-svg-annotation,.flow-rgb-glow,.flow-rgb-glow__blob,.flow-rgb-glow__rim{animation:none}.flow-rgb-glow__rim{opacity:.8}.flow-svg-connector__pulse{animation:none;stroke-dasharray:none;opacity:.45}.flow-svg-connector__rail{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.flow-svg-connector__port{animation:none}.flow-svg-badge--live circle{animation:none}.flow-svg-node:hover .flow-svg-node__trace{animation:none;stroke-dasharray:none;opacity:1}}.flow-visual-canvas:not([data-inview=true]) svg *,.flow-visual-canvas:not([data-inview=true]) .flow-svg-connector__pulse{animation-play-state:paused!important}