Mapping: mini-editor in the control panel + keyboard nudge

Editing corners with handles on the output is unmanageable on a large LED
wall (7x4 m): the hand has to work on the giant screen. The Mappatura tab
now has a scaled replica of the output (aspect from the output display or
the LED area) where zones are dragged by corner or whole, with live sync
to the output (one IPC per frame). Keyboard on the focused editor: arrows
nudge 1 output pixel, Shift 10 px, Tab cycles corners, Esc = whole zone;
keys never leak to the global hotkeys. Selection is shared with the zone
list and highlighted on the output handles; a status line shows pixel
coordinates.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XVMQ2JhsJ77pGKqcvvFHqc

src/style.css

@@ -944,6 +944,19 @@ kbd {
   padding: 0 3px;
 }
 
+/* Mapping mini-editor (control panel): scaled replica of the output */
+.map-ed-wrap { margin: 8px 0 4px; display: flex; justify-content: center; }
+#map-editor {
+  display: block; width: 100%; max-height: 440px;
+  background: #07070c; border: 1px solid rgba(255,255,255,0.14); border-radius: 8px;
+  cursor: crosshair; outline: none;
+}
+#map-editor:focus { border-color: #5f7fe8; box-shadow: 0 0 0 2px rgba(95,127,232,0.35); }
+.map-ed-info { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 11px; margin-bottom: 6px; }
+.map-ed-info #map-ed-status { color: #9fc0ff; }
+.map-ed-info .map-ed-keys { opacity: 0.55; }
+.map-zone.sel { border-color: #5f7fe8; background: rgba(95,127,232,0.10); }
+
 /* Recording crop guide on the output (overlay only, never recorded) */
 #rec-guide {
   position: fixed;