diff --git a/app/templates/base.html b/app/templates/base.html
index 1b0aaab..7804124 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -234,6 +234,7 @@
   <div class="main-wrapper">
 
     <!-- Topbar -->
+    {% block topbar %}
     <header class="topbar">
       <div class="topbar-left">
         <div class="topbar-breadcrumb">
@@ -271,6 +272,7 @@
         </button>
       </div>
     </header>
+    {% endblock %}
 
     <!-- Content -->
     <div class="content-area" id="main-content">
diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 37130ce..5271219 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -2,6 +2,10 @@
 {% block page_icon %}📄{% endblock %}
 {% block page_title %}{{ page.title }}{% endblock %}
 
+{% block topbar %}
+<!-- Page editor uses its own topbar — base.html topbar hidden -->
+{% endblock %}
+
 {% block content %}
 <div class="page-editor-wrapper" x-data="editor('{{ page.id }}', '{{ page.title|e }}', '{{ page.content_format }}', '{{ page.content|e }}', {{ page_favorited | tojson }})" x-init="init()">
 
diff --git a/static/css/app.css b/static/css/app.css
index 628522c..528dec4 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2162,8 +2162,12 @@ input, select, textarea { font-family: inherit; color: inherit; }
 
 /* ═══════════ Get Started Toolbar (bottom, pill buttons) ═══════════ */
 .get-started-toolbar {
+  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
   display: flex; align-items: center; gap: 8px;
-  padding: 16px 0 8px; flex-wrap: wrap;
+  padding: 12px 0 16px; flex-wrap: wrap;
+  justify-content: center; z-index: 10;
+  background: linear-gradient(to top, var(--bg-primary) 60%, transparent);
+  width: 100%; max-width: 900px;
 }
 .gs-label {
   font-size: 13px; color: var(--text-dim); margin-right: 4px;