feat: unify scope settings and catalog table interactions

frontend/src/settings/style.css

@@ -0,0 +1,85 @@
+.scope-picker {
+  min-width: 0;
+  margin: 8px 0;
+}
+.scope-picker-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px;
+  border: 1px solid var(--semi-color-border);
+  border-radius: 6px;
+}
+.scope-picker-summary > div {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.scope-picker-summary > button {
+  flex: none;
+}
+.scope-picker-summary small,
+.settings-hint {
+  color: var(--semi-color-text-2);
+}
+.settings-label {
+  font-weight: 600;
+}
+.scope-picker-panel {
+  padding: 16px 12px;
+  border: 1px solid var(--semi-color-border);
+  border-top: 0;
+  border-radius: 0 0 6px 6px;
+}
+.settings-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+.settings-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.settings-field > .semi-select,
+.settings-field > .semi-input-number {
+  width: 100%;
+}
+.settings-error {
+  color: var(--semi-color-danger);
+  overflow-wrap: anywhere;
+}
+.settings-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 12px;
+}
+.simulation-settings {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.simulation-settings-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.simulation-settings details > summary {
+  cursor: pointer;
+  margin-bottom: 12px;
+}
+@media (max-width: 600px) {
+  .settings-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}