.canvas-workspace{--xy-controls-button-background-color-hover:var(--accent);--xy-controls-button-color-hover:var(--accent-foreground);--xy-background-color:var(--background);--xy-node-color:var(--foreground);--xy-controls-button-background-color:var(--card);--xy-controls-button-color:var(--foreground);--xy-controls-button-border-color:var(--border);--xy-minimap-background-color:var(--card);--xy-minimap-mask-background-color:color-mix(in srgb, var(--background) 70%, transparent)}.canvas-workspace .canvas-node{border:1px solid var(--border);background:var(--card);width:280px;color:var(--foreground);border-radius:12px;box-shadow:0 8px 24px #0003}.canvas-workspace .canvas-node-image,.canvas-workspace .canvas-node-video{width:300px}.canvas-workspace .canvas-node-selected{border-color:#7dd3fc;box-shadow:0 0 0 2px #7dd3fc40}.canvas-workspace .react-flow__handle{border:3px solid var(--background);background:#7dd3fc;width:12px;height:12px}.canvas-workspace .react-flow__handle:hover{box-shadow:0 0 0 4px #7dd3fc40}.canvas-workspace .react-flow__edge.selected .react-flow__edge-path{stroke:#7dd3fc;stroke-width:3px}.canvas-workspace .react-flow__minimap{border:1px solid var(--border);border-radius:8px;overflow:hidden}@media (max-width:640px){.canvas-workspace .react-flow__minimap{display:none}}@media (prefers-reduced-motion:reduce){.canvas-workspace .react-flow__edge.animated path{animation:none}}