ULTIMATE OBS LOWER THIRDS SYSTEM
Version: 2.0 (The "Customize Everything" Update)

DESCRIPTION
Transform your stream with this professional, browser-based Lower Thirds system. Now more powerful than ever with full Logo support, Custom Fonts, and a completely dynamic Control Panel.

Key Features:
- Logo Support (NEW!): Add your own logos/icons! Supports local files (browse button) or URLs. Position them Left or Right, resizing included.
- Custom Fonts (NEW!): Choose from premium Google Fonts (Montserrat, Poppins, etc.) to match your brand identity.
- Dynamic Panels (NEW!): Add as many lower thirds as you need, or delete unused ones to keep your dashboard clean.
- Auto-Save (NEW!): All settings, including text and logos, are automatically saved to your browser. No more re-typing!
- 11 Animations: Slide, Bounce, Fade, Swing, Flip, Elastic, Zoom, and more.
- Scrollable Settings: New UI improvements make managing advanced options easy on any screen.

--------------------------------------------------------------------------------

INSTALLATION GUIDE

Step 1: Add Source to OBS
1. Open OBS Studio.
2. Add a new "Browser" Source.
3. Name it "Lower Thirds".
4. Check "Local file".
5. Browse and select: obs_lower_thirds_source.html
6. Set Width: 1920 | Height: 1080
7. Clear "Custom CSS": Ensure the CSS box is empty.
8. Click OK.

Step 2: Dock the Control Panel
1. In OBS, go to View > Docks > Custom Browser Docks...
2. Dock Name: Lower Thirds Control
3. URL: Paste the full file path to obs_control_panel.html
   (Tip: Open the file in Chrome first, copy the address starting with file:///, and paste it here.)
4. Click Apply. Dock the panel wherever you like!

--------------------------------------------------------------------------------

HOW TO USE

1. Basic Controls
- Name & Title: Enter your text.
- Show/Hide: Use the large Green/Red buttons to toggle visibility.
- Move: Use Up/Down arrows to reorder panels.
- Delete/Add: Use the Trash icon to remove panels, or the "+ Add" button (bottom) to create new ones.

2. Branding (Logos & Fonts)
- Click the Gear Icon to open Advanced Settings.
- Logos: Scroll down to "Enable Logo". Check it, then click "Browse" to pick your image. Adjust Size and Position.
- Fonts: Select a specific font family, set independent sizes for Name/Title, and pick custom colors.

3. Global Settings
- Use the panel at the top to apply a style (e.g., "Glassmorphism" background, specific Font) to ALL lower thirds at once.

--------------------------------------------------------------------------------
Created by: [Your Name/Antigravity]
Happy Streaming!
