[maxchui]

Summary

In English, Japanese and Korean, the seven-option Style picker in Settings → Menu Bar is wider than the settings column even at its narrowest, so it spills over both sides of the card. Chinese only just fits. This replaces it with a grid of preview tiles, one per style, so the layout no longer depends on label length.

 settingsMenuBarSection
   Style
-    Picker(.segmented)              # 7 text segments
+    LazyVGrid(2 columns)
+      menuBarStyleTile × 7          # MenuBarStylePreview + label, tap to select
   Info
-    Picker(.segmented)
+    settingsFittingPicker           # segments; menu if they cannot fit
   Source
   …
-  MenuBarStylePreview              # the tiles already show it

• Each tile renders MenuBarStylePreview with the current Info and Source settings, so the selected tile shows exactly what the menu bar will display. Style names like "Ticks" or "Star trails" don't describe the look on their own.
• Info keeps its three segments. They fit in all five languages, but French only fits once the control shrinks, so settingsFittingPicker falls back to a menu if a translation ever outgrows the column. MeasuredAtWidth measures the segments at the column width rather than their full width, which is why Chinese doesn't fall back as well.
• The selection is still stored under menuBarStyle; existing choices carry over.

Evidence

Settings → Menu Bar, rendered from main and from this branch with the same width and dark appearance.

	Before	After
English
Japanese