fix: btn-icon touch targets to 44px WCGA minimum

- CSS classes: index.css (28→44px base, 24→44px mobile), App.jsx (36→44px base, 24→44px narrow)
- 19 inline btn-icon buttons in App.jsx: param view toggle, CapturesScreen/Presets close, sidebar toggle, undo/redo, status bar nav (captures/presets/tuner/fullscreen/menu), overlay closes, global bypass toggle, block bypass toggle, Scan/ON buttons, add block close
- Footswitch mode SM/PR buttons: height 20→44px, minWidth 34→44px
- FocusView.jsx: param −/+ buttons 34→44px, close button 34→44px
- GlobalSettings.jsx: param −/+ buttons 26→44px, close button 34→44px
- border-radius bumped from 7→8px (base), 5→8px (index.css) for proportion

src/GlobalSettings.jsx

@@ -169,7 +169,7 @@ function SettingsSlider({ label, value, min, max, unit, onChange }) {
         <span style={{ fontSize: 11, fontWeight: 500, color: T.textSec }}>{label}</span>
         <div style={{ display: "flex", gap: 6, alignItems: "center" }}>
           <button style={{
-            width: 26, height: 26, borderRadius: "50%", border: `1px solid ${T.border}`,
+            width: 44, height: 44, borderRadius: "50%", border: `1px solid ${T.border}`,
             background: T.panel, color: T.textPrimary, fontSize: 14, fontWeight: 700,
             display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", lineHeight: 1,
           }} onMouseDown={quick(-1)} onTouchStart={quick(-1)}>−</button>
@@ -178,7 +178,7 @@ function SettingsSlider({ label, value, min, max, unit, onChange }) {
             minWidth: 36, textAlign: "center",
           }}>{value}{unit}</span>
           <button style={{
-            width: 26, height: 26, borderRadius: "50%", border: `1px solid ${T.border}`,
+            width: 44, height: 44, borderRadius: "50%", border: `1px solid ${T.border}`,
             background: T.panel, color: T.textPrimary, fontSize: 14, fontWeight: 700,
             display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", lineHeight: 1,
           }} onMouseDown={quick(1)} onTouchStart={quick(1)}>+</button>
@@ -392,7 +392,7 @@ export default function GlobalSettings({ onClose, onMasterVolume, onAudioProfile
     <div style={{ position: "fixed", inset: 0, zIndex: 998, display: "flex", flexDirection: "column", background: T.bg, color: T.textPrimary, fontFamily: "'Space Grotesk', sans-serif" }}>
       <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "10px 14px", borderBottom: `1px solid ${T.border}`, background: T.panel, flexShrink: 0 }}>
         <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
-          <button onClick={onClose} style={{ width: 34, height: 34, borderRadius: 8, display: "flex", alignItems: "center", justifyContent: "center", background: T.surface, border: `1px solid ${T.border}`, color: T.textPrimary, fontSize: 16, cursor: "pointer" }}>✕</button>
+          <button onClick={onClose} style={{ width: 44, height: 44, borderRadius: 8, display: "flex", alignItems: "center", justifyContent: "center", background: T.surface, border: `1px solid ${T.border}`, color: T.textPrimary, fontSize: 16, cursor: "pointer" }}>✕</button>
           <div>
             <div style={{ fontSize: 15, fontWeight: 600 }}>Settings</div>
             {!loaded && <span style={{ fontSize: 10, color: T.textDim }}>Loading…</span>}