diff --git a/public/app.css b/public/app.css
index 2d35f53..8c48942 100644
--- a/public/app.css
+++ b/public/app.css
@@ -3000,3 +3000,11 @@ select.f {
 	resize: vertical;
 	min-height: 40px;
 }
+
+/* ── Planner header tools (page-scoped actions moved out of the left nav) ── */
+.header-tools {
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	row-gap: 6px;
+	max-width: 100%;
+}
diff --git a/public/index.html b/public/index.html
index fa1c248..4668f2c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,43 +21,6 @@
           <span class="brand-name">Roast Planner</span>
         </div>
         <div id="nav-links"></div>
-        <div class="nav-group">
-          <div class="nav-group-title">Tools</div>
-          <button class="nav-item" type="button" id="nav-plans">
-            <span class="nav-icon" aria-hidden="true">▤</span
-            ><span class="nav-label">Plans</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-chat">
-            <span class="nav-icon" aria-hidden="true">✳</span
-            ><span class="nav-label">Ask the LLM</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-prefill">
-            <span class="nav-icon" aria-hidden="true">↗</span
-            ><span class="nav-label">Prefill from URL</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-alog">
-            <span class="nav-icon" aria-hidden="true">∿</span
-            ><span class="nav-label">Reference curve</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-import-export">
-            <span class="nav-icon" aria-hidden="true">⇅</span
-            ><span class="nav-label">Import / export</span>
-          </button>
-          <button
-            class="nav-item"
-            type="button"
-            id="btn-toggle-fids"
-            aria-pressed="false"
-            title="Show the worksheet reference codes (e.g. 1.4) on every field"
-          >
-            <span class="nav-icon" aria-hidden="true">#</span
-            ><span class="nav-label">Field IDs</span>
-          </button>
-          <button class="nav-item" type="button" id="nav-settings">
-            <span class="nav-icon" aria-hidden="true">◎</span
-            ><span class="nav-label">Settings &amp; sync</span>
-          </button>
-        </div>
         <div class="nav-spacer"></div>
         <button
           class="icon-btn nav-collapse-toggle"
@@ -107,13 +70,41 @@
             <a href="#sec-after">After</a>
           </nav>
 
-          <div class="header-actions">
+          <div class="header-actions header-tools">
             <span class="autosave-chip" id="autosave-status"
               ><span class="dot"></span
               ><span class="autosave-text">Not saved yet</span></span
             >
-            <button id="btn-expand-why" type="button" class="ghost-btn">
-              Expand all "why" notes
+            <button id="nav-plans" type="button" class="ghost-btn small">
+              ▤ Plans
+            </button>
+            <button id="nav-chat" type="button" class="ghost-btn small">
+              ✳ Ask the LLM
+            </button>
+            <button id="nav-prefill" type="button" class="ghost-btn small">
+              ↗ Prefill
+            </button>
+            <button id="nav-alog" type="button" class="ghost-btn small">
+              ∿ Curves
+            </button>
+            <button id="nav-import-export" type="button" class="ghost-btn small">
+              ⇅ Import / export
+            </button>
+            <button
+              id="btn-toggle-fids"
+              type="button"
+              class="ghost-btn small"
+              aria-pressed="false"
+              title="Show the worksheet reference codes (e.g. 1.4) on every field"
+            >
+              # IDs
+            </button>
+            <button id="nav-settings" type="button" class="ghost-btn small">
+              ◎ Settings
+            </button>
+            <span class="header-divider" aria-hidden="true"></span>
+            <button id="btn-expand-why" type="button" class="ghost-btn small">
+              Expand "why" notes
             </button>
             <button id="btn-print" type="button" class="primary-btn">
               Print