전략편집기 병합

frontend/src/styles/strategyEditor.css

@@ -58,7 +58,47 @@
 
 .se-subtitle { font-size: 0.72rem; color: var(--se-text-muted); }
 
-.se-header-actions { display: flex; gap: 8px; }
+.se-header-actions { display: flex; align-items: center; gap: 8px; }
+
+.se-editor-mode {
+  display: inline-flex;
+  border: 1px solid var(--se-border);
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--se-btn-bg);
+}
+
+.se-editor-mode-btn {
+  border: none;
+  background: transparent;
+  color: var(--se-text-muted);
+  padding: 7px 12px;
+  font-size: 0.78rem;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+.se-editor-mode-btn:hover {
+  color: var(--se-text);
+  background: color-mix(in srgb, var(--se-accent) 8%, transparent);
+}
+
+.se-editor-mode-btn--on {
+  color: var(--se-text);
+  background: color-mix(in srgb, var(--se-accent) 18%, transparent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--se-accent) 35%, transparent);
+}
+
+.se-list-editor {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  margin: 8px 12px 12px;
+  padding: 12px;
+  border: 1px dashed var(--se-border);
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--se-center-bg) 92%, var(--se-accent) 8%);
+}
 
 .se-btn {
   border: 1px solid var(--se-border);