.canvas-flow{--canvas-select-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5 20.5 14.5 13 16 9.5 22.5Z' fill='%23191919' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3,default;--xy-background-color:#000;--xy-selection-background-color:rgb(255 255 255/10%);--xy-selection-border:1px solid rgb(255 255 255/30%);background:#000;font-family:Inter,-apple-system,system-ui,Segoe UI,Roboto,sans-serif}.canvas-flow .react-flow__viewport{will-change:transform}.canvas-flow .react-flow__selection{border-radius:16px}.canvas-flow .react-flow__nodesselection-rect{pointer-events:all;border:0;background:transparent;box-shadow:none}.canvas-flow .canvas-multi-selection-outline{position:absolute;pointer-events:none;border:1px solid rgb(255 255 255/26%);border-radius:22px;background:rgb(255 255 255/10%);animation:canvas-multi-selection-enter .18s ease-out}.canvas-flow .canvas-multi-selection-handle{animation:canvas-multi-selection-handle-enter .22s cubic-bezier(.34,1.56,.64,1)}@keyframes canvas-multi-selection-enter{0%{opacity:0}}@keyframes canvas-multi-selection-handle-enter{0%{opacity:0;transform:translateX(-10px) scale(.85)}}.canvas-flow .react-flow__node.draggable{cursor:default}.canvas-flow .react-flow__node.draggable.dragging{z-index:50;cursor:var(--canvas-select-cursor)}.canvas-flow .canvas-node-shell{transform-origin:center;transition:transform .15s cubic-bezier(.4,0,.2,1)}.canvas-flow .react-flow__node.dragging .canvas-node-shell{transform:scale(1.006);transition:none}.canvas-flow.canvas-frame-picker-active .react-flow__edge,.canvas-flow.canvas-frame-picker-active .react-flow__node,.canvas-flow.canvas-frame-picker-active .react-flow__panel{transition:opacity .18s ease-out,filter .18s ease-out}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-ineligible{pointer-events:none!important;opacity:.56;filter:blur(.8px) saturate(.72)}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-target{pointer-events:none!important;opacity:.88}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible{z-index:55;cursor:pointer;filter:brightness(.9)}@property --canvas-frame-picker-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame{cursor:pointer;transform-origin:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .18s ease-out,border-color .18s ease-out}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame:after,.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame:before{position:absolute;z-index:40;border-radius:inherit;background:conic-gradient(from var(--canvas-frame-picker-angle),transparent 0deg 246deg,rgb(255 255 255/38%) 276deg,rgb(255 255 255/100%) 310deg,rgb(255 255 255/38%) 342deg,transparent 1turn);content:"";opacity:0;pointer-events:none;transition:opacity .18s ease-out;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame:before{inset:-2px;padding:2px}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame:after{inset:-7px;padding:7px;filter:blur(7px)}.canvas-liquid-glass,.vidlux-liquid-glass{overflow:hidden;border:1px solid rgb(255 255 255/32%);background:radial-gradient(circle at 22% -35%,rgb(255 255 255/42%) 0,rgb(255 255 255/14%) 36%,transparent 62%),linear-gradient(180deg,rgb(255 255 255/18%),rgb(255 255 255/7%) 48%,rgb(255 255 255/3%)),rgb(10 12 16/42%);box-shadow:inset 0 1px 0 rgb(255 255 255/52%),inset 0 -1px 0 rgb(255 255 255/10%),inset 1px 0 0 rgb(255 255 255/12%),inset -1px 0 0 rgb(255 255 255/7%),0 1px 1px rgb(255 255 255/10%),0 10px 32px rgb(0 0 0/38%);-webkit-backdrop-filter:blur(18px) saturate(165%) brightness(1.08);backdrop-filter:blur(18px) saturate(165%) brightness(1.08)}.canvas-liquid-glass:hover,.vidlux-liquid-glass:hover{filter:brightness(1.08)}.canvas-frame-picker-select-hint{visibility:hidden;opacity:0;transform:translate(-50%,-38%) scale(.94);transition:opacity .16s ease-out,transform .22s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .22s}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible .canvas-node-frame>:not(.canvas-frame-picker-select-hint){pointer-events:none}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-node-frame{transform:translateY(-2px) scale(1.008);border-color:rgb(255 255 255/38%);filter:brightness(1.06)}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-node-frame:before{opacity:1;animation:canvas-frame-picker-flow 1.8s linear infinite}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-node-frame:after{opacity:.58;animation:canvas-frame-picker-flow 1.8s linear infinite}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-frame-picker-select-hint{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:70ms,70ms,0s}@keyframes canvas-frame-picker-flow{0%{--canvas-frame-picker-angle:0deg}to{--canvas-frame-picker-angle:360deg}}.canvas-flow.canvas-frame-picker-active .react-flow__edge,.canvas-flow.canvas-frame-picker-active .react-flow__panel{pointer-events:none;opacity:.18}.canvas-flow .canvas-handle-marker{opacity:0;transform:translateX(var(--canvas-handle-offset));transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.34,1.56,.64,1)}.canvas-flow .canvas-handle-marker[data-side=left]{--canvas-handle-offset:24px}.canvas-flow .canvas-handle-marker[data-side=right]{--canvas-handle-offset:-24px}.canvas-flow .canvas-handle-marker[data-visible=true],.canvas-flow .canvas-node-shell:hover .canvas-handle-marker{opacity:1;transform:translateX(0)}:is(.canvas-flow,.canvas-edge-layer) .react-flow__edge-canvas .react-flow__edge-path{stroke-linecap:round;vector-effect:non-scaling-stroke}:is(.canvas-flow,.canvas-edge-layer) .canvas-edge-flow{fill:none;stroke-linecap:round;stroke-dasharray:20 80;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgb(72 190 255/65%));animation:canvas-edge-flow 1.15s linear infinite}.canvas-flow .canvas-edge-hover-flow{fill:none;stroke-linecap:round;stroke-dasharray:20 80;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgb(72 190 255/65%));transition:opacity .2s ease;animation:canvas-edge-flow 1.15s linear infinite}.canvas-node-menu{transform-origin:bottom center;animation:canvas-node-menu-enter .18s cubic-bezier(.22,1,.36,1)}.canvas-node-menu-item-default:not(:disabled),.canvas-node-menu-item:not(:disabled):focus-visible,.canvas-node-menu-item:not(:disabled):hover{background:rgb(64 64 64/50%)}.canvas-node-menu-item-default:not(:disabled) .canvas-node-menu-item-title,.canvas-node-menu-item:not(:disabled):focus-visible .canvas-node-menu-item-title,.canvas-node-menu-item:not(:disabled):hover .canvas-node-menu-item-title{translate:0 0}.canvas-node-menu-item-title{translate:0 10px}.canvas-node-menu-item-default:not(:disabled) .canvas-node-menu-item-description,.canvas-node-menu-item:not(:disabled):focus-visible .canvas-node-menu-item-description,.canvas-node-menu-item:not(:disabled):hover .canvas-node-menu-item-description{opacity:1}.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):focus-visible) .canvas-node-menu-item-default:not(:focus-visible),.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):hover) .canvas-node-menu-item-default:not(:hover){background:transparent}.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):focus-visible) .canvas-node-menu-item-default:not(:focus-visible) .canvas-node-menu-item-title,.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):hover) .canvas-node-menu-item-default:not(:hover) .canvas-node-menu-item-title{translate:0 10px}.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):focus-visible) .canvas-node-menu-item-default:not(:focus-visible) .canvas-node-menu-item-description,.canvas-node-menu-list:has(.canvas-node-menu-item:not(:disabled):hover) .canvas-node-menu-item-default:not(:hover) .canvas-node-menu-item-description{opacity:0}@keyframes canvas-edge-flow{to{stroke-dashoffset:-100}}@keyframes canvas-node-menu-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.canvas-flow .canvas-handle-marker,.canvas-flow .canvas-node-frame,.canvas-flow .canvas-node-shell{transition-duration:1ms}.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-node-frame:after,.canvas-flow.canvas-frame-picker-active .canvas-frame-picker-eligible:hover .canvas-node-frame:before{animation:none;--canvas-frame-picker-angle:310deg}.canvas-flow .canvas-edge-hover-flow,.canvas-flow .canvas-multi-selection-handle,.canvas-flow .canvas-multi-selection-outline,.canvas-node-menu,:is(.canvas-flow,.canvas-edge-layer) .canvas-edge-flow{animation:none}}