digraph AIWorkflow {
        rankdir=TB;
        bgcolor="transparent";
        node [fontname="Comic Sans MS", fontsize=12];
        edge [fontname="Comic Sans MS", fontsize=10];
      
        subgraph cluster_brain {
          style="filled,rounded,dashed";
          color="#FF6B6B";
          fillcolor="#FFE5E5";
          penwidth=3;
          node [style="filled,rounded", fillcolor="#FFB3BA", color="#FF6B6B", penwidth=2];
          
          ai_think [label="🧠 AI Thinking\nAnalyzing Request", shape=ellipse];
          ai_generate [label="⚡ Code Generation\nCreating Graphviz", shape=box];
          ai_optimize [label="🔧 Auto Optimization\nRefining Structure", shape=diamond];
          
          ai_think -> ai_generate -> ai_optimize;
          label = "🤖 AI Processing Engine";
          fontcolor="#FF6B6B";
          fontsize=14;
        }
        subgraph cluster_tools {
          style="filled,rounded";
          color="#4ECDC4";
          fillcolor="#E8F8F7";
          penwidth=3;
          node [style="filled,rounded", fillcolor="#B3E5E0", color="#4ECDC4", penwidth=2];
          
          preview [label="👁️ Live Preview\ngraphvizonline.net", shape=tab];
          png_export [label="📸 PNG Export\nHigh Quality Image", shape=folder];
          svg_export [label="🎨 SVG Export\nScalable Vector", shape=note];
          share_link [label="🔗 Share Link\nCollaboration Ready", shape=component];
          
          preview -> png_export;
          preview -> svg_export;
          preview -> share_link;
          
          label = "🌐 Online Toolkit";
          fontcolor="#4ECDC4";
          fontsize=14;
        }
      
        user_input [label="👤 User Input\n'Create a cool diagram'", 
                    shape=house, style="filled,rounded", 
                    fillcolor="#FFE66D", color="#FFB300", penwidth=3];
        
        final_output [label="✨ Amazing Result\nProfessional Diagram", 
                      shape=star, style="filled,rounded", 
                      fillcolor="#95E1D3", color="#00B894", penwidth=3];
      
        user_input -> ai_think [label="Request", color="#FF6B6B", penwidth=2];
        ai_optimize -> preview [label="Generated Code", color="#4ECDC4", penwidth=2];
        
        png_export -> final_output [label="Image Ready", color="#00B894", penwidth=2];
        svg_export -> final_output [label="Vector Ready", color="#00B894", penwidth=2];
        share_link -> final_output [label="Link Ready", color="#00B894", penwidth=2];
      
        final_output -> ai_think [label="Feedback Loop", 
                                 style=dashed, color="#A0A0A0", penwidth=1];
      
        magic1 [label="✨", shape=plaintext, fontsize=20, fontcolor="#FFD93D"];
        magic2 [label="🚀", shape=plaintext, fontsize=20, fontcolor="#6BCF7F"];
        magic3 [label="💫", shape=plaintext, fontsize=20, fontcolor="#4D96FF"];
        
        {rank=same; magic1; ai_generate; magic2}
        {rank=same; magic3; preview}
        
        magic1 -> ai_generate [style=invis];
        magic2 -> ai_generate [style=invis];
        magic3 -> preview [style=invis];
      }