From f52c13009b49d871f32781dd5d00512a545abd22 Mon Sep 17 00:00:00 2001
From: Armin <armin@cherry>
Date: Mon, 6 Jul 2026 18:10:45 +0200
Subject: [PATCH] Add color legend to power spectrum section

Add a 3-item legend below the power spectrum chart explaining the
line colors: Power Spectrum (cyan), Cutoff (yellow dashed), Noise
Floor (red dashed). Reuses the .legend CSS classes added in the
previous commit.
---
 index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/index.html b/index.html
index 98ca757..5483ba8 100644
--- a/index.html
+++ b/index.html
@@ -99,6 +99,11 @@
       <div class="chart-container">
         <canvas id="spectrumChart"></canvas>
       </div>
+      <div class="legend">
+        <span class="legend-item"><span class="legend-swatch" style="background:#00bcd4"></span>Power Spectrum</span>
+        <span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:#ffc107"></span>Cutoff</span>
+        <span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:rgba(255,82,82,0.5)"></span>Noise Floor</span>
+      </div>
     </section>
 
     <section id="metricsSection">