.vf-flow-shell{pointer-events:none;user-select:none;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);box-shadow:var(--shadow-cine);--vf-appear-dur: 9s;--vf-wave-step: .55s}.vf-flow-shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-size:11px;color:var(--text-secondary)}.vf-flow-shell__project{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.vf-flow-shell__dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.vf-flow-shell__flow{display:flex;align-items:center;justify-content:center;gap:0;padding:10px 14px 0}.vf-flow-shell__flow-dot{width:5px;height:5px;border-radius:50%;background:#ffffff2e;flex-shrink:0;animation:vf-flow-dot 9s ease-in-out infinite}.vf-flow-shell__flow-dot--w0{animation-delay:0s}.vf-flow-shell__flow-dot--w1{animation-delay:.55s}.vf-flow-shell__flow-dot--w2{animation-delay:1.1s}.vf-flow-shell__flow-dot--w3{animation-delay:1.65s}.vf-flow-shell__flow-dot--w4{animation-delay:2.2s}@keyframes vf-flow-dot{0%,4%{background:#ffffff2e;box-shadow:none;transform:scale(1)}10%,72%{background:#78ffd3;box-shadow:0 0 8px #78ffd380;transform:scale(1.15)}82%,to{background:#ffffff2e;box-shadow:none;transform:scale(1)}}.vf-flow-shell__flow-line{flex:1;height:1px;background:#ffffff1a;max-width:32px}.vf-flow-shell__canvas{position:relative;height:420px}.vf-flow-shell__canvas .react-flow{background:var(--bg-stage)}.vf-flow-shell__canvas .react-flow__pane{cursor:default}.vf-flow-shell__canvas .react-flow__background{background:transparent}.vf-flow-shell__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,19,22,.85) 0%,transparent 12%,transparent 88%,rgba(18,19,22,.85) 100%),linear-gradient(180deg,rgba(18,19,22,.7) 0%,transparent 14%,transparent 86%,rgba(18,19,22,.75) 100%)}.vf-flow-edge-wrap{opacity:0;animation:vf-edge-appear 9s ease-in-out infinite;animation-delay:calc(var(--vf-wave, 2) * .55s)}@keyframes vf-edge-appear{0%,6%{opacity:0}14%,74%{opacity:1}86%,to{opacity:0}}.vf-flow-edge__pulse{animation:vf-flow-dash 3s linear infinite}@keyframes vf-flow-dash{to{stroke-dashoffset:-100}}.vf-flow-node{width:88px;border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--shadow-outline);overflow:visible;opacity:0;transform:translate(-10px) scale(.92);transform-origin:left center;animation:vf-node-appear 9s ease-in-out infinite;animation-delay:calc(var(--vf-wave, 1) * .55s)}@keyframes vf-node-appear{0%,4%{opacity:0;transform:translate(-10px) scale(.92)}12%{opacity:1;transform:translate(0) scale(1.03)}16%,74%{opacity:1;transform:translate(0) scale(1)}86%,to{opacity:0;transform:translate(6px) scale(.96)}}.vf-flow-node--ghost{width:72px;animation-name:vf-node-appear-ghost}@keyframes vf-node-appear-ghost{0%,4%{opacity:0;transform:translate(-10px) scale(.92)}12%,74%{opacity:.32;transform:translate(0) scale(1)}86%,to{opacity:0;transform:translate(6px) scale(.96)}}.vf-flow-node--scene,.vf-flow-node--render{width:92px}.vf-flow-node--active{box-shadow:none;position:relative}.vf-flow-node--active:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--accent-hover);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;animation:vf-active-ring 9s ease-in-out infinite;animation-delay:calc(var(--vf-wave, 1) * .55s)}@keyframes vf-active-ring{0%,10%{opacity:0}16%,74%{opacity:1}86%,to{opacity:0}}.vf-flow-node__header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 6px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);min-width:0}.vf-flow-node__icon{width:14px;height:14px;border-radius:3px;background:color-mix(in srgb,var(--accent) 40%,transparent);flex-shrink:0;position:relative}.vf-flow-node--storyboard .vf-flow-node__icon{background:color-mix(in srgb,var(--accent) 35%,transparent)}.vf-flow-node--storyboard .vf-flow-node__icon:before{content:"";position:absolute;inset:3px;border:1px solid rgba(196,204,212,.35);border-radius:1px}.vf-flow-node--text .vf-flow-node__icon:before,.vf-flow-node--text .vf-flow-node__icon:after{content:"";position:absolute;left:3px;right:3px;height:1.5px;border-radius:1px;background:#c4ccd480}.vf-flow-node--text .vf-flow-node__icon:before{top:4px}.vf-flow-node--text .vf-flow-node__icon:after{top:8px;width:60%}.vf-flow-node--image .vf-flow-node__icon{background:linear-gradient(135deg,#84e1ff40,#9aa3ad26)}.vf-flow-node--video .vf-flow-node__icon{clip-path:polygon(20% 15%,80% 50%,20% 85%);border-radius:0;background:color-mix(in srgb,var(--accent) 50%,transparent)}.vf-flow-node--audio .vf-flow-node__icon{border-radius:999px;background:color-mix(in srgb,var(--success) 35%,transparent)}.vf-flow-node--audio .vf-flow-node__icon:before{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:4px;background:repeating-linear-gradient(90deg,rgba(63,185,80,.5) 0,rgba(63,185,80,.5) 1px,transparent 1px,transparent 3px)}.vf-flow-node--scene .vf-flow-node__icon{transform:rotate(45deg);width:10px;height:10px;margin-left:2px;background:color-mix(in srgb,var(--warning) 40%,transparent)}.vf-flow-node--render .vf-flow-node__icon{border-radius:2px;background:color-mix(in srgb,#78ffd3 30%,transparent)}.vf-flow-node--render .vf-flow-node__icon:after{content:"";position:absolute;inset:4px;border:1px solid rgba(120,255,211,.45);border-radius:1px}.vf-flow-node__chip{flex-shrink:0;font-size:7px;letter-spacing:.05em;text-transform:uppercase;padding:1px 4px;border-radius:999px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.vf-flow-node__chip--run{color:#78ffd3;background:#78ffd31f}.vf-flow-node__chip--queue{color:var(--text-muted);background:#ffffff0f}.vf-flow-node__body{display:flex;flex-direction:column;gap:4px;padding:6px}.vf-flow-node__skel{display:block;height:4px;border-radius:999px;background:#ffffff12;width:100%}.vf-flow-node__skel--short{width:58%}.vf-flow-node--active .vf-flow-node__skel{background:#78ffd314}.vf-flow-node--ghost .vf-flow-node__chip{display:none}.vf-flow-node__handle{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;background:var(--bg-tertiary)!important;border:1.5px solid var(--accent)!important;opacity:1!important}.vf-flow-node--ghost .vf-flow-node__handle{opacity:0!important}@media(max-width:720px){.vf-flow-shell__canvas{height:340px}}@media(prefers-reduced-motion:reduce){.vf-flow-edge__pulse,.vf-flow-node,.vf-flow-node--ghost,.vf-flow-node--active:before,.vf-flow-edge-wrap,.vf-flow-shell__flow-dot{animation:none!important}.vf-flow-node{opacity:1;transform:none}.vf-flow-node--ghost{opacity:.32}.vf-flow-edge-wrap{opacity:1}.vf-flow-node--active:before{opacity:1}}