전략편집기 수정

frontend/src/styles/strategyEditor.css

@@ -2021,6 +2021,8 @@
   border-radius: 8px;
   padding: 8px;
   cursor: grab;
+  touch-action: none;
+  -webkit-user-drag: element;
   border: 1px solid var(--se-border);
   background: var(--se-palette-card-bg);
   transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s, background 0.12s;
@@ -2028,6 +2030,33 @@
 .se-palette-card:hover {
   transform: translateY(-2px);
 }
+.se-palette-card:active {
+  cursor: grabbing;
+}
+
+body.se-palette-drag-active {
+  cursor: grabbing !important;
+  user-select: none;
+}
+
+.se-palette-drag-ghost {
+  position: fixed;
+  z-index: 20050;
+  pointer-events: none;
+  transform: translate(-50%, -50%);
+  padding: 6px 12px;
+  border-radius: 8px;
+  font-size: 0.72rem;
+  font-weight: 700;
+  color: var(--se-text, #e2e8f0);
+  background: color-mix(in srgb, var(--se-accent, #4dabf7) 22%, var(--se-panel-card-bg, #1e293b));
+  border: 1px solid color-mix(in srgb, var(--se-accent, #4dabf7) 55%, transparent);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+  white-space: nowrap;
+  max-width: min(240px, 90vw);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .se-palette-card--selected {
   outline: 2px solid var(--se-accent);