전략조건 상세설명 기능 추가

frontend/src/styles/strategyEditor.css

@@ -1552,6 +1552,82 @@
   color: var(--se-danger);
 }
 
+/* ── 전략 설명 팝업 ── */
+.se-btn--desc .se-desc-icon {
+  display: block;
+  opacity: 0.9;
+}
+.se-btn--desc:hover .se-desc-icon {
+  opacity: 1;
+  color: var(--se-accent, #3f7ef5);
+}
+
+.se-desc-overlay {
+  z-index: 10999;
+}
+.se-desc-modal {
+  max-height: min(88vh, 720px);
+  display: flex;
+  flex-direction: column;
+}
+.se-desc-body {
+  overflow: auto;
+  max-height: min(72vh, 600px);
+  padding: 12px 16px 16px !important;
+}
+.se-desc-content {
+  font-size: 0.84rem;
+  line-height: 1.65;
+  color: var(--se-text);
+}
+.se-desc-intro {
+  margin: 0 0 12px;
+  color: var(--se-text-muted);
+}
+.se-desc-section {
+  margin-bottom: 18px;
+  padding-bottom: 14px;
+  border-bottom: 1px solid var(--se-border, rgba(255, 255, 255, 0.08));
+}
+.se-desc-section:last-of-type {
+  border-bottom: none;
+  margin-bottom: 8px;
+}
+.se-desc-section-title {
+  margin: 0 0 8px;
+  font-size: 0.92rem;
+  font-weight: 700;
+  color: var(--se-text);
+}
+.se-desc-section-title:first-child {
+  margin-top: 0;
+}
+.se-desc-para {
+  margin: 0 0 8px;
+}
+.se-desc-list {
+  margin: 6px 0 0;
+  padding-left: 0;
+  list-style: none;
+}
+.se-desc-list-item {
+  margin: 4px 0;
+  padding-left: 4px;
+  white-space: pre-wrap;
+  word-break: keep-all;
+}
+.se-desc-footnotes {
+  margin-top: 12px;
+  padding-top: 10px;
+  border-top: 1px dashed var(--se-border, rgba(255, 255, 255, 0.1));
+}
+.se-desc-footnote {
+  margin: 4px 0 0;
+  font-size: 0.75rem;
+  color: var(--se-text-muted);
+  line-height: 1.5;
+}
+
 @media (max-width: 1100px) {
   .se-right { flex: 0 0 300px; width: 300px; }
 }