diff --git a/src/index.html b/src/index.html
index 44360f7..a66a918 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1501,20 +1501,41 @@
       box-sizing: border-box;
       min-height: calc(100vh - 160px);
     }
-    /* Page-context bar above the canvas while editing a book page. */
+    /* Page-context bar — floats at the top-center over the canvas
+       while editing a book page. Mirrors the deck-edit-bar pill so
+       both flows feel consistent. */
     #bookPageEditBar {
       display: none;
-      align-items: center; gap: 10px;
-      padding: 6px 12px;
+      position: absolute; top: 10px; left: 50%;
+      transform: translateX(-50%);
+      z-index: 60;
+      align-items: center; gap: 8px;
       background: var(--panel, #fff);
-      border-bottom: 1px solid var(--line);
-      font-size: .88rem;
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      padding: 5px 14px 5px 8px;
+      box-shadow: 0 6px 20px rgba(15,23,42,.18);
+      font-size: .82rem;
     }
     body.template-book.editing-book-page #bookPageEditBar { display: flex; }
-    #bookPageEditBar button {
-      padding: 4px 10px; font-size: .85rem;
+    #bookPageEditBack {
+      border: 0; background: var(--accent); color: #fff;
+      cursor: pointer; border-radius: 999px;
+      padding: 4px 12px; font-weight: 600; font-size: .8rem;
+    }
+    #bookPageEditPrev, #bookPageEditNext {
+      border: 1px solid var(--line); background: #fff;
+      cursor: pointer; border-radius: 999px;
+      padding: 2px 10px; font-size: .85rem; line-height: 1;
+      min-width: 28px;
+    }
+    #bookPageEditPrev:disabled, #bookPageEditNext:disabled {
+      opacity: .4; cursor: not-allowed;
+    }
+    #bookPageEditLabel {
+      color: var(--ink); font-weight: 600;
+      padding: 0 4px;
     }
-    #bookPageEditLabel { font-weight: 600; }
     .bookViewToggleBar {
       display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
       padding-bottom: 8px; border-bottom: 1px solid var(--line);
@@ -31933,6 +31954,11 @@
         if (pubConfirmM && pubConfirmM.getAttribute('aria-hidden') === 'false') { closePublishConfirmModal(); return; }
         const bookDocM = $('bookDocumentSettingsModal');
         if (bookDocM && bookDocM.getAttribute('aria-hidden') === 'false') { closeBookDocumentSettings(); return; }
+        // Esc while editing a book page returns to the Pages overview.
+        if (state.templateMode === 'book' && state.book?.editingEntryId) {
+          closeBookPage();
+          return;
+        }
         const supportM = $('supportDevModal');
         if (supportM && supportM.getAttribute('aria-hidden') === 'false') { closeSupportDevModal(); return; }
         const shapePathM = $('shapePathModal');