/* Tweaks panel mount */
function TweaksPanelMount({ tweaks, setTweak }) {
  return (
    <TweaksPanel title="Tweaks">
      <TweakSection title="Reveal">
        <TweakRadio
          label="Mechanic"
          value={tweaks.revealMechanic}
          onChange={v => setTweak("revealMechanic", v)}
          options={[
            { value: "hood", label: "Hood" },
            { value: "iris", label: "Iris" },
            { value: "unfold", label: "Unfold" },
          ]}
        />
        <TweakSlider
          label="Speed"
          value={tweaks.revealSpeed}
          onChange={v => setTweak("revealSpeed", v)}
          min={0.5} max={2.0} step={0.05}
        />
      </TweakSection>

      <TweakSection title="Hand">
        <TweakSelect
          label="Grip variant"
          value={tweaks.gripVariant}
          onChange={v => setTweak("gripVariant", v)}
          options={[
            { value: "default", label: "Default" },
            { value: "claw", label: "Claw (curled tighter)" },
            { value: "pinch", label: "Pinch (narrow)" },
            { value: "relaxed", label: "Relaxed" },
          ]}
        />
        <TweakToggle
          label="Show 'swap render' note"
          value={tweaks.showHandNote}
          onChange={v => setTweak("showHandNote", v)}
        />
      </TweakSection>

      <TweakSection title="Theme">
        <TweakRadio
          label="Background tone"
          value={tweaks.bgTone}
          onChange={v => setTweak("bgTone", v)}
          options={[
            { value: "charcoal", label: "Charcoal" },
            { value: "navy", label: "Navy" },
            { value: "black", label: "Black" },
          ]}
        />
        <TweakColor
          label="Accent"
          value={tweaks.accent}
          onChange={v => setTweak("accent", v)}
        />
        <TweakRadio
          label="Density"
          value={tweaks.density}
          onChange={v => setTweak("density", v)}
          options={[
            { value: "cozy", label: "Cozy" },
            { value: "default", label: "Default" },
            { value: "spacious", label: "Spacious" },
          ]}
        />
      </TweakSection>
    </TweaksPanel>
  );
}
window.TweaksPanelMount = TweaksPanelMount;