# Overlay Pro Editor vs Builder

# Overlay Pro Editor vs Builder

Chatlix hat zwei Editoren für Overlays. Sie sind nicht "besser oder schlechter" sondern für unterschiedliche Anwendungsfälle gebaut.

## Direkter Vergleich

| Feature | Builder | Pro Editor |
|---|---|---|
| Editor-Stack | SvelteKit, Dashboard-Komponente | PHP + JS, eigener Canvas |
| Positionierung | Preset-Quadranten + Slider | pixelgenau, drag-drop |
| Widgets | ~10 vorgefertigte | 17 Element-Typen + Custom |
| Z-Order | automatisch | manuell, sichtbare Layer-Liste |
| Mehrere Szenen | nein, ein Layout | ja, Szenen-Manager |
| Versionierung | letzte gespeicherte Version | volle Historie, Rollback |
| Tastenkürzel | nein | Strg+Z/Y/C/V |
| Custom-CSS | nein | ja, pro Element |
| Debug-Modus | nein | ja, Trace-Logs |
| Templates | Builder-Vorlagen | eigene Template-Library + Sharing |
| Lernkurve | 5 Minuten | 30-60 Minuten |

## Wann der Builder reicht

- Du startest neu und willst in 10 Minuten live.
- Du hast eine Szene (Just Chatting, Gameplay).
- Deine Anforderungen passen in die Standard-Widgets.
- Du willst nicht ständig im Editor sitzen, sondern streamen.

## Wann du den Pro Editor brauchst

- Mehrere Szenen, die sauber gepflegt werden sollen (Starting Soon, Gameplay, BRB, Stream Ending - alle in **einem** Overlay).
- Du willst Elemente genau platzieren (z. B. Cam-Frame muss neben dem Game-HUD sitzen, ohne dass es draufkollidiert).
- Du brauchst Widgets, die der Builder nicht hat: Poll, Leaderboard, Custom-Counter, Goal-Widget mit Custom-Steps.
- Versionierung: du willst Änderungen testen können, ohne das produktive Layout zu verlieren.
- Mehrere Streamer in einem Team-Account, die parallel am selben Overlay arbeiten.

## Umstieg

Du kannst ein Builder-Overlay **importieren** in den Pro Editor:

1. Pro Editor öffnen.
2. `« Datei »` → `« Aus Builder importieren »`.
3. Quell-Overlay auswählen.

Die Widgets werden 1:1 übernommen, Positionen werden in Pixel umgerechnet. Achtung: der **umgekehrte Weg** (Pro Editor → Builder) geht nicht - sobald du Pro-Features (Z-Order, Custom-CSS, Szenen) nutzt, gibt es kein automatisches Downgrade.

Deshalb: wenn du dir nicht sicher bist, fang im Builder an. Wechseln kannst du jederzeit.

## Token bleibt gleich

Wichtig für die OBS-Konfiguration: beim Wechsel Builder → Pro Editor bleibt der Browser-Source-Token **gleich**. Du musst die URL in OBS nicht ändern, das Overlay bleibt unter derselben Adresse erreichbar.