fix: align scope picker with catalog toolbar

frontend/src/settings/style.css

@@ -5,7 +5,7 @@
 .scope-picker-summary {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   gap: 16px;
   padding: 12px;
   border: 1px solid var(--semi-color-border);
@@ -83,3 +83,30 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+
+/* The toolbar variant keeps the summary compact; editing does not move the table. */
+.scope-picker-inline {
+  position: relative;
+  margin: 0;
+  max-width: 100%;
+}
+.scope-picker-inline .scope-picker-summary {
+  padding: 0;
+  border: 0;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.scope-picker-inline .scope-picker-panel {
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+  z-index: 10;
+  box-sizing: border-box;
+  width: min(560px, calc(100vw - 48px));
+  max-height: min(600px, 65dvh);
+  overflow-y: auto;
+  background: var(--semi-color-bg-2);
+  border: 1px solid var(--semi-color-border);
+  border-radius: 6px;
+  box-shadow: var(--semi-shadow-elevated);
+}