.react-flow{--xy-node-selected:color-mix(in srgb,var(--primary)38%,transparent);--xy-node-hover:color-mix(in srgb,var(--muted)72%,transparent);--xy-edge-hover:color-mix(in srgb,var(--primary)24%,transparent);--xy-focus-ring:color-mix(in srgb,var(--primary)30%,transparent);--xy-node-shadow:0 20px 40px #0f172a14;--xy-node-radius:1.25rem;--xy-handle-bg:var(--card);--xy-handle-border:var(--primary);background:radial-gradient(circle at top,color-mix(in srgb,var(--muted)70%,transparent),transparent 55%),var(--background)}.react-flow.dark{--xy-node-selected:color-mix(in srgb,var(--primary)34%,transparent);--xy-node-hover:color-mix(in srgb,var(--muted)58%,transparent);--xy-edge-hover:color-mix(in srgb,var(--primary)28%,transparent);--xy-focus-ring:color-mix(in srgb,var(--primary)36%,transparent);--xy-node-shadow:0 24px 48px #0006;--xy-handle-bg:var(--background);--xy-handle-border:var(--primary)}.react-flow__node{border-radius:var(--xy-node-radius);box-shadow:var(--xy-node-shadow);color:var(--card-foreground);font-family:var(--font-sans);text-align:left;justify-content:center;align-items:center;display:flex}.react-flow__node.selectable:focus{box-shadow:0 0 0 1px var(--border),0 0 0 6px var(--xy-focus-ring),var(--xy-node-shadow);outline:none}.react-flow__node.selectable:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--border)88%,transparent),0 16px 36px var(--xy-node-hover)}.react-flow__node.selectable.selected{box-shadow:0 0 0 6px transparent,var(--xy-node-shadow)}.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s,stroke-width .18s,filter .18s}.react-flow__handle{background:var(--xy-handle-bg);border:2px solid var(--xy-handle-border);width:14px;height:14px}.react-flow__node-resizer{border-color:var(--primary)}.react-flow__resize-control.handle{background:var(--primary);border-color:var(--card)}