feat: Ableton Live-style effects and complete automation system

Enhanced visual design:
- Improved device rack container with darker background and inner shadow
- Device cards now have rounded corners, shadows, and colored indicators
- Better visual separation between enabled/disabled effects
- Active devices highlighted with accent border

Complete automation infrastructure (Phase 9):
- Created comprehensive type system for automation lanes and points
- Implemented AutomationPoint component with drag-and-drop editing
- Implemented AutomationHeader with mode controls (Read/Write/Touch/Latch)
- Implemented AutomationLane with canvas-based curve rendering
- Integrated automation lanes into Track component below effects
- Created automation playback engine with real-time interpolation
- Added automation data persistence to localStorage

Automation features:
- Add/remove automation points by clicking/double-clicking
- Drag points to change time and value
- Multiple automation modes (Read, Write, Touch, Latch)
- Linear and step curve types (bezier planned)
- Adjustable lane height (60-180px)
- Show/hide automation per lane
- Real-time value display at playhead
- Color-coded lanes by parameter type
- Keyboard delete support (Delete/Backspace)

Track type updates:
- Added automation field to Track interface
- Updated track creation to initialize empty automation
- Updated localStorage save/load to include automation data

Files created:
- components/automation/AutomationPoint.tsx
- components/automation/AutomationHeader.tsx
- components/automation/AutomationLane.tsx
- lib/audio/automation/utils.ts (helper functions)
- lib/audio/automation/playback.ts (playback engine)
- types/automation.ts (complete type system)

Files modified:
- components/effects/EffectDevice.tsx (Ableton-style visual improvements)
- components/tracks/Track.tsx (automation lanes integration)
- types/track.ts (automation field added)
- lib/audio/track-utils.ts (automation initialization)
- lib/hooks/useMultiTrack.ts (automation persistence)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

lib/hooks/useMultiTrack.ts

@@ -26,13 +26,14 @@ export function useMultiTrack() {
           return [];
         }
 
-        // Note: AudioBuffers can't be serialized, but EffectChains can
+        // Note: AudioBuffers can't be serialized, but EffectChains and Automation can
         return parsed.map((t: any) => ({
           ...t,
           name: String(t.name || 'Untitled Track'), // Ensure name is always a string
           height: t.height && t.height >= DEFAULT_TRACK_HEIGHT ? t.height : DEFAULT_TRACK_HEIGHT, // Migrate old heights
           audioBuffer: null, // Will need to be reloaded
           effectChain: t.effectChain || createEffectChain(`${t.name} Effects`), // Restore effect chain or create new
+          automation: t.automation || { lanes: [], showAutomation: false }, // Restore automation or create new
           selection: t.selection || null, // Initialize selection
         }));
       }
@@ -64,6 +65,7 @@ export function useMultiTrack() {
         collapsed: track.collapsed,
         selected: track.selected,
         effectChain: track.effectChain, // Save effect chain
+        automation: track.automation, // Save automation data
       }));
       localStorage.setItem(STORAGE_KEY, JSON.stringify(trackData));
     } catch (error) {