From 7fcc8458be37be45bb28b48cb50469ca1d41be36 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 2 Jun 2026 14:21:08 -0400
Subject: [PATCH] book: hide cover-mode canvas panels in book mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The cover designer's BACK / SPINE / FRONT slot placeholders +
bleed / trim / fold-line / crop-mark guides were still rendering
on the canvas-host when book mode was active, because the existing
mode-switch only hides them for customart / slide / pixelart /
deck. Add a matching `body.template-book` block that hides every
`.coverOnly` element plus the disc / jewel artifacts and the
spine-text label.

Also hides the sidebar #exportFieldset / #layersFieldset /
#printExportRow until book pages exist (matches the deck-mode and
pixelart-mode treatment — they're not in the book WORKFLOW_ORDER
anyway, but the CSS gate keeps them from sneaking in).

The canvas-host now renders empty in book mode — the Pages
overview view (A4) and Cover view (A5) fill it in subsequent
commits.
---
 src/index.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/index.html b/src/index.html
index 2d30c68..e07b2c3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1467,6 +1467,25 @@
     body.template-pixelart #layersFieldset,
     body.template-pixelart #printExportRow { display: none !important; }
 
+    /* Book mode (Phase A): the canvas-host shouldn't render any of
+       the cover-mode panels (BACK / SPINE / FRONT slots, trim+bleed
+       guides, fold lines, crop marks). The Pages overview view
+       (A4) and Cover view (A5) replace this with their own DOM. The
+       sidebar export / layers panels also hide — they don't apply
+       until pages exist. */
+    body.template-book #exportFieldset,
+    body.template-book #layersFieldset,
+    body.template-book #printExportRow,
+    body.template-book .coverOnly,
+    body.template-book .diskLayer,
+    body.template-book .jewelLayer,
+    body.template-book .bleedFill,
+    body.template-book .trimArea,
+    body.template-book .foldLine,
+    body.template-book .discSpineStrip,
+    body.template-book .jewelSpineGuide,
+    body.template-book .spineText { display: none !important; }
+
     .templateLayerPanels {
       display: grid;
       gap: 10px;