Upload 2 files

index.html

@@ -196,6 +196,29 @@
                         J -->|No| K[Refine Analysis]
                         J -->|Yes| L[Apply Knowledge]
                         K --> B
+                        
+                        style A fill:#ff6b6b,color:#fff
+                        style B fill:#74c0fc,color:#fff
+                        style C fill:#51cf66,color:#fff
+                        style D fill:#51cf66,color:#fff
+                        style E fill:#ffd43b,color:#000
+                        style F fill:#ffd43b,color:#000
+                        style G fill:#51cf66,color:#fff
+                        style H fill:#74c0fc,color:#fff
+                        style I fill:#74c0fc,color:#fff
+                        style J fill:#74c0fc,color:#fff
+                        style K fill:#51cf66,color:#fff
+                        style L fill:#b197fc,color:#fff
+                </div>
+                <div class="mt-4 text-sm text-gray-600">
+                    <p class="font-semibold mb-2">Color Legend:</p>
+                    <div class="flex flex-wrap gap-4">
+                        <span><span class="inline-block w-4 h-4 rounded" style="background-color: #ff6b6b;"></span> Red - Triggers & Inputs</span>
+                        <span><span class="inline-block w-4 h-4 rounded" style="background-color: #ffd43b;"></span> Yellow - Structures & Objects</span>
+                        <span><span class="inline-block w-4 h-4 rounded" style="background-color: #51cf66;"></span> Green - Processing & Operations</span>
+                        <span><span class="inline-block w-4 h-4 rounded" style="background-color: #74c0fc;"></span> Blue - Intermediates & States</span>
+                        <span><span class="inline-block w-4 h-4 rounded" style="background-color: #b197fc;"></span> Violet - Products & Outputs</span>
+                    </div>
                 </div>
             </div>
         </div>