:root{--port-text:hsl(var(--success-foreground));--port-text-rest:hsl(var(--success-foreground) / .75);--port-text-on:hsl(var(--success));--port-image:hsl(var(--info-foreground));--port-image-rest:hsl(var(--info-foreground) / .75);--port-image-on:hsl(var(--info));--port-video:hsl(var(--violet-foreground));--port-video-rest:hsl(var(--violet-foreground) / .75);--port-video-on:hsl(var(--violet));--port-audio:hsl(var(--warning-foreground));--port-audio-rest:hsl(var(--warning-foreground) / .75);--port-audio-on:hsl(var(--warning));--port-media:hsl(var(--info-foreground));--port-media-rest:hsl(var(--info-foreground) / .75);--port-media-on:hsl(var(--info));--port-setting:hsl(var(--muted-foreground));--port-setting-rest:hsl(var(--muted-foreground) / .75);--port-setting-on:hsl(var(--muted));--status-pending:oklch(60% 0 0);--status-running:oklch(70% .15 240);--status-completed:oklch(70% .18 145);--status-failed:oklch(65% .22 25);--status-paused:oklch(75% .16 80);--status-awaiting-approval:oklch(75% .16 80);--canvas-float-shadow:0 12px 24px #00000014}.dark{--port-text-rest:hsl(var(--success-border) / .5);--port-image-rest:hsl(var(--info-border) / .5);--port-video-rest:hsl(var(--violet-border) / .5);--port-audio-rest:hsl(var(--warning-border) / .5);--port-media-rest:hsl(var(--info-border) / .5);--port-setting-rest:hsl(var(--border));--canvas-float-shadow:0 12px 24px #00000080}.react-flow__node textarea:not(:hover,:focus){overflow:hidden}.ai-highlight-ring{box-shadow:0 0 0 2px hsl(var(--info-foreground)), 0 0 20px hsl(var(--info-foreground) / .5);animation:.5s ease-out ai-highlight-pop}@keyframes ai-highlight-pop{0%{opacity:.4;transform:scale(.95)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.node-title-zoom{--title-zoom:var(--canvas-zoom,1);--title-on:clamp(0, (var(--title-zoom) - .15) * 100000 + 1, 1);scale:calc(var(--title-on) / var(--title-zoom));max-width:min(20rem, calc(448px * var(--title-zoom)))}.frame-title-zoom{--frame-zoom:clamp(.15, var(--canvas-zoom,1), 1);max-width:calc(100% * var(--frame-zoom));transform-origin:0;scale:calc(1 / var(--frame-zoom));display:inline-block}.canvas-preview-titles .node-title-zoom{--title-zoom:1}.node-title-zoom>[data-testid=node-title]{font-size:clamp(12px, (var(--title-zoom) - .3) * 100000px, 14px);line-height:clamp(18px, (var(--title-zoom) - .3) * 100000px, 20px)}.edge-pulse{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:33 100;pointer-events:none;animation:1.6s linear infinite edge-pulse}@keyframes edge-pulse{0%{stroke-dashoffset:33px}to{stroke-dashoffset:-100px}}.node-card-running{animation:1.6s ease-in-out infinite node-card-breathe}@keyframes node-card-breathe{50%{background-color:hsl(var(--muted))}}.node-art-running [data-eye]{transform-box:fill-box;transform-origin:50%;animation:2s linear infinite node-eye-look}@keyframes node-eye-look{0%,to{translate:var(--eye-from,-3px) 0;scale:1}15%,65%{scale:1.2}30%,80%{scale:1.1}50%{translate:var(--eye-to,6px) 0;scale:1}}[data-start-enter]{--start-node-at:1s;--start-chrome-at:1.5s}[data-start-enter=now]{--start-node-at:0s}[data-start-enter=after-exit] .react-flow__node,[data-start-enter=now] .react-flow__node{animation:start-node-rise .6s var(--motion-ease-out) var(--start-node-at) both}[data-start-enter=chrome] [data-canvas-chrome=top]{animation:start-chrome-down .6s var(--motion-ease-out) both}[data-start-enter=chrome] [data-canvas-chrome=bottom]{animation:start-chrome-up .6s var(--motion-ease-out) both}[data-start-enter=after-exit] [data-canvas-chrome=bottom-side]{animation:start-chrome-up .6s var(--motion-ease-out) var(--start-chrome-at) both}@keyframes start-node-rise{0%{opacity:0;translate:0 24px}}@keyframes start-chrome-down{0%{opacity:0;transform:translateY(-24px)}}@keyframes start-chrome-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.edge-pulse{stroke-dasharray:none;animation:none}.node-art-running [data-eye],.node-card-running,[data-start-enter] .react-flow__node,[data-start-enter] [data-canvas-chrome]{animation:none}}:root{--publish-spring-pop:var(--motion-ease-hop)}@supports (animation-timing-function:linear(0, 1)){:root{--publish-spring-pop:linear(0, .0237, .0854, .174, .2798, .3943, .5106, .623, .7276, .8213, .9025, .9702, 1.0244, 1.0657, 1.0951, 1.1138, 1.1234, 1.1255, 1.1215, 1.1131, 1.1015, 1.0879, 1.0734, 1.0589, 1.0449, 1.032, 1.0205, 1.0106, 1.0024, .9959, .991, .9875, .9854, .9844, .9843, .9849, .986, .9875, .9893, .9911, .9929, .9947, .9963, .9977, .9989, .9999, 1.0006, 1.0012, 1)}}@keyframes publish-fill-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes publish-flash{0%{opacity:.7}to{opacity:0}}@keyframes publish-popin{0%{opacity:0;transform:scale(.2)}}@keyframes publish-blink-dot{50%{opacity:.3}}@keyframes publish-bounce{50%{transform:scale(1.06)}}@keyframes publish-highlight{0%{box-shadow:inset 0 0 0 2px hsl(var(--brand-accent))}to{box-shadow:inset 0 0 0 2px hsl(var(--brand-accent) / 0)}}@keyframes publish-highlight-hold{0%,to{box-shadow:inset 0 0 0 2px hsl(var(--brand-accent))}}.publish-fill-sweep,.publish-fill-sweep-light{position:relative;overflow:hidden}.publish-fill-sweep:after,.publish-fill-sweep-light:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 20%, hsl(var(--brand-accent) / .22) 50%, transparent 80%);animation:publish-fill-sweep .7s var(--motion-ease-out) forwards;position:absolute;inset:0}.publish-fill-sweep-light:after{background:linear-gradient(100deg, transparent 20%, hsl(var(--neutral-0) / .6) 50%, transparent 80%)}.publish-flash{animation:.42s ease-out forwards publish-flash}.publish-pop{animation:publish-popin .38s var(--publish-spring-pop)}.publish-status-pop{animation:publish-popin .42s var(--publish-spring-pop)}.publish-blink-dot{animation:.7s infinite publish-blink-dot}.publish-copy-bounce{animation:publish-bounce .42s var(--motion-ease-hop)}.publish-highlight{animation:publish-highlight .7s var(--motion-ease-out) forwards}.publish-device-frame{transition:width .42s var(--motion-spring-ui), border-radius .3s ease}@media (prefers-reduced-motion:reduce){.publish-fill-sweep:after,.publish-fill-sweep-light:after,.publish-flash{animation:none;display:none}.publish-pop,.publish-status-pop,.publish-blink-dot,.publish-copy-bounce{animation:none}.publish-highlight{animation:.7s step-end publish-highlight-hold!important}.publish-device-frame{transition:none}}.react-flow__selection{background:hsl(var(--ring) / .06)!important;border:1.5px solid hsl(var(--ring) / .45)!important;border-radius:var(--radius)!important}.react-flow__nodesselection-rect{background:hsl(var(--ring) / .04)!important;border:1.5px dashed hsl(var(--ring) / .35)!important;border-radius:var(--radius)!important}.react-flow__handle.canvas-port{background:revert-layer;border:revert-layer;width:32px;min-width:0;height:32px;min-height:0;transition:box-shadow .15s;position:relative;inset:auto;transform:none}.canvas-port-hidden,.canvas-port-hidden .react-flow__handle{pointer-events:none!important}.react-flow__handle.canvas-port:hover,.react-flow__handle.canvas-port.connecting{box-shadow:0 0 0 2px hsl(var(--ring) / .5)}.react-flow__handle.references-drop-handle,.react-flow__handle.references-drop-handle:hover,.react-flow__handle.references-drop-handle.connecting,.react-flow__handle.node-drop-handle,.react-flow__handle.node-drop-handle:hover,.react-flow__handle.node-drop-handle.connecting{box-shadow:none!important;z-index:auto!important;transform:none!important}.node-drop-overlay:has(>.react-flow__handle.valid){outline-style:solid;outline-color:hsl(var(--ring));box-shadow:inset 0 0 0 4px hsl(var(--ring) / .25)}@keyframes goal-overlay-spin{to{transform:rotate(360deg)}}[data-goal-overlay]{--goal-overlay-edge:hsl(var(--muted) / .2)}[data-brand=sloosh] [data-goal-overlay]{--goal-overlay-edge:var(--brand-accent-subtle)}