fix(08-01): use white text for error overlay contrast

- Changed icon and text from red-400 to white
- Better readability on red background

src/components/nodes/GenerateImageNode.tsx

@@ -557,7 +557,7 @@ export function GenerateImageNode({ id, data, selected }: NodeProps<NanoBananaNo
               {nodeData.status === "error" && (
                 <div className="absolute inset-0 bg-red-900/40 rounded flex flex-col items-center justify-center gap-1">
                   <svg
-                    className="w-6 h-6 text-red-400"
+                    className="w-6 h-6 text-white"
                     fill="none"
                     viewBox="0 0 24 24"
                     stroke="currentColor"
@@ -565,8 +565,8 @@ export function GenerateImageNode({ id, data, selected }: NodeProps<NanoBananaNo
                   >
                     <path strokeLinecap="round" strokeLinejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                   </svg>
-                  <span className="text-red-400 text-xs font-medium">Generation failed</span>
+                  <span className="text-white text-xs font-medium">Generation failed</span>
-                  <span className="text-red-400/70 text-[10px]">See toast for details</span>
+                  <span className="text-white/70 text-[10px]">See toast for details</span>
                 </div>
               )}
               {/* Loading overlay for carousel navigation */}

src/components/nodes/GenerateVideoNode.tsx

@@ -362,7 +362,7 @@ export function GenerateVideoNode({ id, data, selected }: NodeProps<GenerateVide
             {nodeData.status === "error" && (
               <div className="absolute inset-0 bg-red-900/40 rounded flex flex-col items-center justify-center gap-1">
                 <svg
-                  className="w-6 h-6 text-red-400"
+                  className="w-6 h-6 text-white"
                   fill="none"
                   viewBox="0 0 24 24"
                   stroke="currentColor"
@@ -370,8 +370,8 @@ export function GenerateVideoNode({ id, data, selected }: NodeProps<GenerateVide
                 >
                   <path strokeLinecap="round" strokeLinejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
-                <span className="text-red-400 text-xs font-medium">Generation failed</span>
+                <span className="text-white text-xs font-medium">Generation failed</span>
-                <span className="text-red-400/70 text-[10px]">See toast for details</span>
+                <span className="text-white/70 text-[10px]">See toast for details</span>
               </div>
             )}
             <div className="absolute top-1 right-1">