Vendor stylesheets load in Tailwind's base layer through a vendor.css shim, so our overrides win outright; the editor's drag placeholder takes the 12% primary

frontend/src/components/Flow/BrainView.tsx

@@ -9,7 +9,6 @@ import {
   ReactFlowProvider,
   useReactFlow,
 } from "@xyflow/react"
-import "@xyflow/react/dist/style.css"
 import {
   forceCollide,
   forceLink,

frontend/src/components/Flow/FlowEditor.tsx

@@ -1,3 +1,10 @@
+import {
+  useMutation,
+  useQuery,
+  useQueryClient,
+  useSuspenseQuery,
+} from "@tanstack/react-query"
+import { useNavigate } from "@tanstack/react-router"
 import {
   Background,
   BackgroundVariant,
@@ -13,14 +20,6 @@ import {
   useStore,
   useUpdateNodeInternals,
 } from "@xyflow/react"
-import "@xyflow/react/dist/style.css"
-import {
-  useMutation,
-  useQuery,
-  useQueryClient,
-  useSuspenseQuery,
-} from "@tanstack/react-query"
-import { useNavigate } from "@tanstack/react-router"
 import { Workflow } from "lucide-react"
 import { motion } from "motion/react"
 import { useCallback, useEffect, useMemo, useRef, useState } from "react"