fix: 精油搜索框撑宽整表，限制 width 100% 让 4 列都能展示

.form-select 之前没设 width，<input> 默认 size=20 宽约 180px，
把整个 editor-table 撑出面板，后面几列被挤出屏幕。加 width 100%
+ min-width 0 + box-sizing border-box，让精油列占剩余空间即可。

frontend/src/App.vue

@@ -196,7 +196,7 @@ function onSwipeEnd() {
   // Carousel area excluded
   if (swipeStartTarget.value?.closest?.('[data-no-tab-swipe]')) return
   // Skip when modal/overlay is open
-  if (document.querySelector('.modal-overlay, .detail-overlay, .dialog-overlay')) return
+  if (document.querySelector('.modal-overlay, .detail-overlay, .dialog-overlay, .overlay')) return
 
   const tabs = visibleTabs.value.map(t => t.key)
   const currentIdx = tabs.indexOf(ui.currentSection)

frontend/src/views/RecipeManager.vue

@@ -2307,6 +2307,9 @@ watch(() => recipeStore.recipes, () => {
 
 .form-select {
   flex: 1;
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
   padding: 8px 10px;
   border: 1.5px solid #d4cfc7;
   border-radius: 8px;
@@ -2328,6 +2331,7 @@ watch(() => recipeStore.recipes, () => {
 
 .oil-search-wrap {
   flex: 1;
+  width: 100%;
   position: relative;
 }
 
@@ -2483,5 +2487,22 @@ watch(() => recipeStore.recipes, () => {
   .manage-toolbar {
     flex-direction: column;
   }
+  .overlay-panel {
+    padding: 16px;
+    border-radius: 12px;
+    max-height: calc(100vh - 32px);
+  }
+  .overlay-header {
+    margin-bottom: 12px;
+  }
+  .overlay-header h3 {
+    font-size: 15px;
+  }
+  .ratio-hint {
+    white-space: normal;
+  }
+  .editor-section {
+    margin-bottom: 12px;
+  }
 }
 </style>