Show paused gameplay in iOS layout editor

- Make the portrait editor top area transparent (Color.clear) so the
  paused Metal game view underneath is visible, providing useful context
  for placing controls.

- Keep the bottom controller deck at black.opacity(0.85) so draggable
  controls and outlines remain readable against the background.

- Make the landscape editor background transparent (Color.clear) so the
  paused game is visible behind the full-screen landscape controls.

- The editor overlay still captures touches globally via contentShape,
  preventing accidental game input while editing.

Author: J1coding

app/src/main/swift/Views/Settings/PadLayoutEditView.swift

@@ -78,7 +78,7 @@ struct PadLayoutEditView: View {
     // MARK: - Landscape editor canvas (always shown when device is landscape)
     private func landscapeEditorCanvas(width: CGFloat, height: CGFloat) -> some View {
         ZStack {
-            Color.black.opacity(0.4)
+            Color.clear
                 .allowsHitTesting(false)
 
             // Subtle safe zone guide
@@ -108,14 +108,14 @@ struct PadLayoutEditView: View {
         let gameHeight = min(width * 3 / 4, height * 0.55)
         let padHeight = height - gameHeight
         VStack(spacing: 0) {
-            // Top: game viewport area
-            Color.black
+            // Top: reveal paused gameplay underneath
+            Color.clear
                 .allowsHitTesting(false)
                 .frame(height: gameHeight)
 
-            // Bottom: controller deck editing area
+            // Bottom: controller deck editing area (dark enough for controls)
             ZStack {
-                Color.black
+                Color.black.opacity(0.85)
                 customSkinPreview(isLandscape: false, width: width, height: padHeight)
                 editorPortraitContent(areaW: width, areaH: padHeight)
             }