1 files changed, 13 insertions, 2 deletions
diff --git a/public/bluebey-studio/src/style.css b/public/bluebey-studio/src/style.css
index 57d5403..bb76265 100644
--- a/public/bluebey-studio/src/style.css
+++ b/public/bluebey-studio/src/style.css
@@ -225,13 +225,19 @@ body.panel-hidden #topbar { max-width: calc(100vw - 48px); }
   }
 
   body.panel-hidden #topbar { max-width: none; }
+
+  /* The grab handle is sticky at the top of the sheet, so the action bar and the
+     tabs start below it. */
+  .panel-topbar { top: 17px; }
+  .tabs { top: 51px; }
 }
 
 /* ----------------------------------------------------------------- sections */
 
 .tabs {
   position: sticky;
-  top: 0;
+  /* Sits just below the sticky .panel-topbar (which is 34px tall). */
+  top: 34px;
   z-index: 3;
   display: flex;
   align-items: flex-end;
@@ -784,8 +790,13 @@ kbd {
   text-align: center;
 }
 
-/* The always-visible action bar above the tabs: 元に戻す / やり直す / すべてランダム. */
+/* The always-visible action bar above the tabs: 元に戻す / やり直す / すべてランダム.
+   Sticky, so it (and the tabs below it) stay on screen while the panel scrolls. */
 .panel-topbar {
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  background: #fdfcff;
   display: flex;
   gap: 4px;
   justify-content: flex-end;