Timeline editor: CPU load visualization + UX improvements

Features:
- CPU load bar: Color-coded (green→yellow→red) effect density visualization
- Overlays under waveform to save space, always visible
- Constant load (1.0) per active effect, 0.1 beat resolution
- Add Effect button: Create new effects in selected sequence
- Delete buttons in properties panel for quick access
- Timeline favicon (green bars SVG)

Fixes:
- Handle drag no longer jumps on mousedown (offset tracking)
- Sequence name input accepts numbers (explicit inputmode)
- Start Time label corrected (beats, not seconds)

Updated timeline.seq with beat-based timing adjustments.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

1 files changed, 82 insertions, 85 deletions

diff --git a/workspaces/main/timeline.seq b/workspaces/main/timeline.seq
index ab9e40d..4e8dc69 100644
--- a/workspaces/main/timeline.seq
+++ b/workspaces/main/timeline.seq
@@ -2,104 +2,101 @@
 # Generated by Timeline Editor
 # BPM 120
 
-SEQUENCE 0.00s 0
-EFFECT - FlashCubeEffect 0.00s 2.44s
-EFFECT + FlashEffect 0.00s 1.00s color=1.0,0.5,0.5 decay=0.95
-EFFECT + FadeEffect 0.10s 1.00s
-EFFECT + SolarizeEffect 0.00s 2.00s
-EFFECT + VignetteEffect 0.00s 2.50s radius=0.6 softness=0.1
+SEQUENCE 0.00 0
+  EFFECT - FlashCubeEffect 0.00 4.88
+  EFFECT + FlashEffect 0.00 2.00 color=1.0,0.5,0.5 decay=0.95
+  EFFECT + FadeEffect 0.20 2.00
+  EFFECT + SolarizeEffect 0.00 4.00
+  EFFECT + VignetteEffect 0.00 5.00 radius=0.6 softness=0.1
 
-SEQUENCE 2.50s 0 "rotating cube"
-EFFECT + CircleMaskEffect 0.00s 4.00s 0.50
-EFFECT + RotatingCubeEffect 0.00s 4.00s
-EFFECT + GaussianBlurEffect 1.00s 2.00s strength=1.0
-EFFECT + GaussianBlurEffect 3.00s 4.00s strength=2.0
+SEQUENCE 5.00 0 "rotating cube"
+  EFFECT + CircleMaskEffect 0.00 8.00 0.50
+  EFFECT + RotatingCubeEffect 0.00 8.00
+  EFFECT + GaussianBlurEffect 2.00 4.00 strength=1.0
+  EFFECT + GaussianBlurEffect 6.00 8.00 strength=2.0
 
-SEQUENCE 5.93s 0
-EFFECT - FlashCubeEffect 0.11s 1.45s
-EFFECT + FlashEffect 0.00s 0.20s
+SEQUENCE 12.00 0
+  EFFECT - FlashCubeEffect 0.22 2.90
+  EFFECT + FlashEffect 0.00 0.40
 
-SEQUENCE 6.90s 1 "spray"
-EFFECT + ParticleSprayEffect 0.00s 2.00s
-EFFECT + ParticlesEffect 0.00s 3.00s
-EFFECT = GaussianBlurEffect 0.00s 2.00s strength=3.0
+SEQUENCE 14.00 1 "spray"
+  EFFECT + ParticleSprayEffect 0.00 4.00
+  EFFECT + ParticlesEffect 0.00 6.00
+  EFFECT = GaussianBlurEffect 0.00 4.00 strength=3.0
 
-SEQUENCE 8.50s 2 "Hybrid3D"
-EFFECT + ThemeModulationEffect 0.00s 2.00s
-EFFECT + HeptagonEffect 0.20s 2.00s
-EFFECT + ParticleSprayEffect 0.00s 2.00s
-EFFECT = ParticlesEffect 0.00s 2.00s
-EFFECT + Hybrid3DEffect 0.00s 2.00s
-EFFECT + GaussianBlurEffect 0.00s 2.00s
-EFFECT + CNNEffect 0.0s 2.0s layers=3 blend=.9
-#  EFFECT + ChromaAberrationEffect 0.00 1.50 offset=0.01 angle=1.57
+SEQUENCE 17.00 2 "Hybrid3D"
+  EFFECT + ThemeModulationEffect 0.00 4.00
+  EFFECT + HeptagonEffect 0.40 4.00
+  EFFECT + ParticleSprayEffect 0.00 4.00
+  EFFECT = ParticlesEffect 0.00 4.00
+  EFFECT + Hybrid3DEffect 0.00 4.00
+  EFFECT + GaussianBlurEffect 0.00 4.00
+  EFFECT + CNNEffect 0.00 4.00 layers=3 blend=.9
 
-SEQUENCE 10.50s 0 "CNN effect"
-EFFECT + HeptagonEffect 0.0s 12.00s
-#  EFFECT + RotatingCubeEffect 0.00 12.0
-#  EFFECT + Hybrid3DEffect 0.00 12.00
-EFFECT + Scene1Effect 0.0s 12.0s
-EFFECT + CNNEffect 1.0s 12.0s layers=3 blend=.5
+SEQUENCE 21.00 0 "CNN effect"
+  EFFECT + HeptagonEffect 0.00 22.00
+  EFFECT + Scene1Effect 0.00 24.00
+  EFFECT + CNNEffect 2.00 24.00 layers=3 blend=.5
 
-SEQUENCE 22.0s 0 "buggy"
-EFFECT + HeptagonEffect 0.00s 0.20s
-EFFECT + FadeEffect 0.11s 1.01s
+SEQUENCE 44.00 0 "buggy"
+  EFFECT + HeptagonEffect 0.00 0.40
+  EFFECT + FadeEffect 0.22 2.02
 
-SEQUENCE 22.14s 3
-EFFECT + ThemeModulationEffect 0.00s 4.00s
-EFFECT = HeptagonEffect 0.00s 4.00s
-EFFECT + GaussianBlurEffect 0.00s 5.00s strength=1.5
-EFFECT + ChromaAberrationEffect 0.00s 5.00s offset=0.03 angle=0.785
-EFFECT + SolarizeEffect 0.00s 5.00s
+SEQUENCE 44.00 3 "Seq-8"
+  EFFECT + ThemeModulationEffect 0.00 8.00
+  EFFECT = HeptagonEffect 0.00 8.00
+  EFFECT + GaussianBlurEffect 0.00 10.00 strength=1.5
+  EFFECT + ChromaAberrationEffect 0.00 10.00 offset=0.03 angle=0.785
+  EFFECT + SolarizeEffect 0.00 10.00
 
-SEQUENCE 23.00s 2
-EFFECT - FlashCubeEffect 0.20s 1.50s
-EFFECT + HeptagonEffect 0.00s 2.00s
-EFFECT + ParticleSprayEffect 0.00s 2.00s
-EFFECT + ParticlesEffect 0.00s 2.00s
+SEQUENCE 46.00 2
+  EFFECT - FlashCubeEffect 0.40 3.00
+  EFFECT + HeptagonEffect 0.00 4.00
+  EFFECT + ParticleSprayEffect 0.00 4.00
+  EFFECT + ParticlesEffect 0.00 4.00
 
-SEQUENCE 22.75s 2 "Fade"
-EFFECT - FlashCubeEffect 0.20s 1.50s
-EFFECT + FlashEffect 0.00s 1.00s
+SEQUENCE 46.00 2 "Fade"
+  EFFECT - FlashCubeEffect 0.40 3.00
+  EFFECT + FlashEffect 0.00 2.00
 
-SEQUENCE 23.88s 10
-EFFECT - FlashCubeEffect 0.20s 1.50s
-EFFECT + GaussianBlurEffect 0.00s 2.00s
-EFFECT + FlashEffect 0.00s 0.20s
-EFFECT = FlashEffect 0.50s 0.20s
+SEQUENCE 48.00 10
+  EFFECT - FlashCubeEffect 0.40 3.00
+  EFFECT + GaussianBlurEffect 0.00 4.00
+  EFFECT + FlashEffect 0.00 0.40
+  EFFECT = FlashEffect 1.00 0.40
 
-SEQUENCE 25.59s 1
-EFFECT + ThemeModulationEffect 0.00s 8.00s
-EFFECT + HeptagonEffect 0.20s 2.00s
-EFFECT + ParticleSprayEffect 0.00s 8.00s
-EFFECT + Hybrid3DEffect 0.00s 8.06s
-EFFECT + GaussianBlurEffect 0.00s 8.00s
-EFFECT + ChromaAberrationEffect 0.00s 8.14s
-EFFECT + SolarizeEffect 0.00s 7.88s
+SEQUENCE 51.00 1
+  EFFECT + ThemeModulationEffect 0.00 16.00
+  EFFECT + HeptagonEffect 0.40 4.00
+  EFFECT + ParticleSprayEffect 0.00 16.00
+  EFFECT + Hybrid3DEffect 0.00 16.12
+  EFFECT + GaussianBlurEffect 0.00 16.00
+  EFFECT + ChromaAberrationEffect 0.00 16.28
+  EFFECT + SolarizeEffect 0.00 15.76
 
-SEQUENCE 33.08s 0
-EFFECT + ThemeModulationEffect 0.00s 3.00s
-EFFECT + VignetteEffect 0.00s 3.00s radius=0.6 softness=0.3
-EFFECT + SolarizeEffect 0.00s 3.00s
+SEQUENCE 66.00 0
+  EFFECT + ThemeModulationEffect 0.00 6.00
+  EFFECT + VignetteEffect 0.00 6.00 radius=0.6 softness=0.3
+  EFFECT + SolarizeEffect 0.00 6.00
 
-SEQUENCE 35.31s 0
-EFFECT + ThemeModulationEffect 0.00s 4.00s
-EFFECT + HeptagonEffect 0.20s 2.00s
-EFFECT + GaussianBlurEffect 0.00s 8.00s
-EFFECT + SolarizeEffect 0.00s 2.00s
+SEQUENCE 71.00 0
+  EFFECT + ThemeModulationEffect 0.00 8.00
+  EFFECT + HeptagonEffect 0.40 4.00
+  EFFECT + GaussianBlurEffect 0.00 16.00
+  EFFECT + SolarizeEffect 0.00 4.00
 
-SEQUENCE 42.29s 0
-EFFECT + ThemeModulationEffect 0.00s 6.00s
-EFFECT = HeptagonEffect 0.20s 2.00s
-EFFECT + Hybrid3DEffect 0.00s 4.00s
-EFFECT + ParticleSprayEffect 0.00s 5.50s
-EFFECT + HeptagonEffect 0.00s 8.00s
-EFFECT + ChromaAberrationEffect 0.00s 7.50s
-EFFECT + GaussianBlurEffect 0.00s 8.00s
+SEQUENCE 85.00 0 "double hepta!"
+  EFFECT + ThemeModulationEffect 0.00 12.00
+  EFFECT = HeptagonEffect 0.40 4.00
+  EFFECT + Hybrid3DEffect 0.00 8.00
+  EFFECT + ParticleSprayEffect 0.00 11.00
+  EFFECT + HeptagonEffect 0.00 16.00
+  EFFECT + ChromaAberrationEffect 0.00 15.00
+  EFFECT + GaussianBlurEffect 0.00 16.00
 
-SEQUENCE 50.02s 0
-EFFECT + ThemeModulationEffect 0.00s 4.00s
-EFFECT + HeptagonEffect 0.00s 9.50s
-EFFECT + ChromaAberrationEffect 0.00s 9.00s
-EFFECT + GaussianBlurEffect 0.00s 8.00s
+SEQUENCE 100.00 0
+  EFFECT + ThemeModulationEffect 0.00 8.00
+  EFFECT + HeptagonEffect 0.00 19.00
+  EFFECT + ChromaAberrationEffect 0.00 18.00
+  EFFECT + GaussianBlurEffect 0.00 16.00