UI: Renderer-Umschalter (WebGL2 / eigene Engine) in der Statusleiste

src/styles.css

@@ -760,6 +760,49 @@ body {
   background: var(--border);
 }
 
+/* Renderer-Umschalter (WebGL2 / Engine) in der Statusleiste — kleine
+   Segmentpille, an die 22px-Leiste angepasst (siehe .tb-seg für das größere
+   Vorbild in der Oberleiste). */
+.sb-renderer-toggle {
+  display: inline-flex;
+  align-items: stretch;
+  height: 16px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  overflow: hidden;
+  background: var(--input);
+}
+.sb-renderer-btn {
+  display: inline-flex;
+  align-items: center;
+  border: none;
+  border-left: 1px solid var(--border);
+  background: transparent;
+  color: var(--muted);
+  font-family: inherit;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  padding: 0 8px;
+  cursor: pointer;
+  transition: background 0.14s, color 0.14s;
+}
+.sb-renderer-btn:first-child {
+  border-left: none;
+}
+.sb-renderer-btn:hover:not(:disabled) {
+  background: var(--accent-dim);
+  color: var(--accent);
+}
+.sb-renderer-btn.active {
+  background: var(--accent);
+  color: #fff;
+}
+.sb-renderer-btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+
 /* ── Command-Line (Rhino-artig) — über der Statusleiste ──────────────────────
    Dunkle, ruhige Leiste mit Prompt links, klickbaren Inline-Optionen und einer
    monospace-Texteingabe rechts; das Autocomplete-Dropdown öffnet nach oben. */