Modernize UI with indigo palette and card-based layout

[Copilot]

Transforms the OptiClone interface from basic dark theme to modern card-based design.

Changes

Color System (config.py)

• Indigo primary (#6366f1) replaces pink/red (#e94560)
• Semantic colors: success (#10b981), error (#ef4444), warning (#f59e0b)
• Elevated surfaces: #1a1d3a cards on #0f0f23 background

Layout (ui_main.py)

• Card-based sections with 12px corner radius, 1px borders
• Window: 960×720 → 1000×780
• Spacing: 20px outer / 15px inner padding rhythm

Components

• Buttons: 8-12px rounded corners, hover states, semantic colors (green play, indigo primary)
• Sliders: Custom indigo progress bars, 18px height
• Typography: 28pt title (was 18pt), 14pt headers (was 12pt), improved hierarchy

Visual Comparison

Files

• opticlone/config.py: +10 color constants
• opticlone/ui_main.py: Component styling updates

No functional changes. Pure visual enhancement maintaining full backward compatibility.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.