correct mass tag edit menu overlap

app/static/style.css

@@ -671,6 +671,8 @@ header {
   display: none;
   box-shadow: var(--shadow-3);
   min-width: 200px;
+  max-width: calc(100vw - 16px);
+  box-sizing: border-box;
 }
 .tag-autocomplete.active {
   display: block;
@@ -1584,6 +1586,19 @@ body.select-mode .gallery-item:hover {
   color: white;
 }
 
+/* Push gallery content left when bulk editor panel is visible */
+body.select-mode .gallery-infinite-container {
+  margin-right: 320px;
+  transition: margin-right 0.3s ease;
+}
+
+@media (max-width: 768px) {
+  /* On mobile, don't shift content - panel will overlay */
+  body.select-mode .gallery-infinite-container {
+    margin-right: 0;
+  }
+}
+
 /*------------------------------------------------------------------------------
   Bulk Editor Panel (slide-in sidebar)
 ------------------------------------------------------------------------------*/
@@ -1601,6 +1616,8 @@ body.select-mode .gallery-item:hover {
   display: flex;
   flex-direction: column;
   box-shadow: var(--shadow-3);
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .bulk-editor-panel.active {