/* tweaks-panel — Production-Stub.
 *
 * Im Claude-Design-Tool ist dies das schwebende „Tweaks"-Editor-Panel
 * (Akzentfarbe / Raster / Theme live ändern, spricht per postMessage mit dem
 * Host). Auf der deployten Seite gibt es keinen Host und keinen Editor — wir
 * brauchen aber dieselben globalen Namen, weil Home.jsx sie referenziert
 * (useTweaks, TweaksPanel, TweakColor, TweakRadio, …).
 *
 * Dieser Stub liefert die Default-Werte des Designs zurück (useTweaks gibt die
 * übergebenen Defaults unverändert) und rendert KEIN Panel. Ergebnis: die
 * Seite erscheint im Design-Default-Zustand (Akzent #0a5cff, Raster „Dezent",
 * Theme „Hell"), ohne sichtbaren Editor.
 */
function useTweaks(defaults) {
  const [values] = React.useState(defaults);
  const setTweak = React.useCallback(() => {}, []);
  return [values, setTweak];
}
function TweaksPanel() { return null; }
function TweakSection() { return null; }
function TweakRow() { return null; }
function TweakSlider() { return null; }
function TweakToggle() { return null; }
function TweakRadio() { return null; }
function TweakSelect() { return null; }
function TweakText() { return null; }
function TweakNumber() { return null; }
function TweakColor() { return null; }
function TweakButton() { return null; }

Object.assign(window, {
  useTweaks, TweaksPanel, TweakSection, TweakRow,
  TweakSlider, TweakToggle, TweakRadio, TweakSelect,
  TweakText, TweakNumber, TweakColor, TweakButton,
});