feat: badge print UX improvements — chrome toggle, banner width, overlap fix, header centering

- Replace ae_comp__badge_obj_view_v2 with ae_comp__badge_obj_view (consolidated component)
- Add hide-chrome toggle ([H] shortcut + button) to hide site nav/footer/sys bar for clean print workspace
  — syncs $ae_loc.sys_menu.hide + $ae_sess.disable_sys_nav/footer with restore-on-unmount
- Add banner_full_width toggle (default true=100% width, false=natural pixel size for calibration)
- Center badge header image (display:block; margin:0 auto) — was left-aligned when narrower than badge
- Fix controls panel overlap: move from bottom-0 to bottom-24 to clear sys bar (84px tall)
- Add [H] keyboard shortcut for chrome toggle (guards against focus in inputs)
- Persist hide_chrome and banner_full_width in ae_badge_print_tweaks localStorage key
- Add sample header image assets (calibration SVG/PNG, hex blue SVG/PNG, demo PNG)
- Update badge PVC CSS layout and module docs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/ae-print-badge.css

@@ -80,7 +80,10 @@
     }
 
     /* ============================================================
-       TEMPORARY DEBUG OUTLINES — remove before going live
+       Debug outlines — toggled via "Show debug outlines" checkbox
+       in the Staff section of the print controls panel. Gated on
+       the html.debug_outlines class set by ae_comp__badge_print_controls.
+       These are intentionally permanent — not temporary.
        ============================================================ */
     html.debug_outlines {
         outline: 3px dashed lime !important;

static/badge_header_calibration.svg

@@ -0,0 +1,6 @@
+<svg width="332" height="72" viewBox="0 0 332 72" xmlns="http://www.w3.org/2000/svg">
+  <rect width="332" height="72" fill="#f8fafc" stroke="#cbd5e1" stroke-width="1" />
+  <rect x="53" y="24" width="48" height="12" rx="4" fill="#ef4444" fill-opacity="0.4" stroke="#b91c1c" />
+  <rect x="231" y="24" width="48" height="12" rx="4" fill="#ef4444" fill-opacity="0.4" stroke="#b91c1c" />
+  <text x="166" y="42" font-family="monospace" font-size="10" fill="#ef4444" text-anchor="middle">CLIP SLOT DANGER ZONE</text>
+</svg>

static/badge_header_hex_blue.svg

@@ -0,0 +1,20 @@
+<svg width="332" height="72" viewBox="0 0 332 72" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1e3a8a;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1e40af;stop-opacity:1" />
+    </linearGradient>
+    <pattern id="hexagons" width="20" height="17.32" patternUnits="userSpaceOnUse" patternTransform="scale(0.5)">
+      <path d="M10 0 L20 5.77 L20 17.32 L10 23.09 L0 17.32 L0 5.77 Z" fill="none" stroke="white" stroke-width="1" stroke-opacity="0.1" />
+    </pattern>
+    <filter id="softShadow" x="0" y="0" width="200%" height="200%">
+      <feOffset result="offOut" in="SourceAlpha" dx="1" dy="1" />
+      <feGaussianBlur result="blurOut" in="offOut" stdDeviation="1" />
+      <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
+    </filter>
+  </defs>
+  <rect width="332" height="72" fill="url(#grad)" />
+  <rect width="332" height="72" fill="url(#hexagons)" />
+  <text x="166" y="32" font-family="sans-serif" font-weight="bold" font-size="18" fill="white" text-anchor="middle" filter="url(#softShadow)">ONE SKY IT</text>
+  <text x="166" y="50" font-family="sans-serif" font-size="11" font-style="italic" fill="#93c5fd" text-anchor="middle">AETHER PLATFORM</text>
+</svg>