전략평가 화면 수익률 요약표시

frontend/src/styles/strategyEvaluation.css

@@ -945,6 +945,53 @@
   white-space: nowrap;
 }
 
+.seval-header-analysis {
+  flex: 1;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+.seval-header-analysis-busy {
+  font-size: 0.72rem;
+  color: var(--se-text-muted);
+  white-space: nowrap;
+}
+
+.seval-analysis-summary {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--se-text-muted);
+  white-space: nowrap;
+  padding: 4px 12px;
+  border-radius: 6px;
+  background: color-mix(in srgb, var(--se-text-muted) 8%, transparent);
+  border: 1px solid color-mix(in srgb, var(--se-border, #30363d) 80%, transparent);
+}
+
+.seval-analysis-item strong {
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: var(--se-text, var(--text));
+  margin: 0 2px;
+}
+
+.seval-analysis-sep {
+  opacity: 0.45;
+  user-select: none;
+}
+
+.seval-analysis-return--pos strong {
+  color: #3fb950;
+}
+
+.seval-analysis-return--neg strong {
+  color: #f85149;
+}
+
 .seval-chart-backtest-busy {
   font-size: 0.66rem;
   color: var(--se-text-muted);
@@ -967,15 +1014,46 @@
 
 .seval-chart-bottom-toolbar {
   flex-shrink: 0;
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
   align-items: center;
-  justify-content: center;
   gap: 8px;
   padding: 8px 10px;
   border-top: 1px solid var(--btd-divider, var(--se-border));
   background: var(--se-header-bg, var(--se-bg-elevated));
 }
 
+.seval-chart-bottom-side {
+  display: flex;
+  align-items: center;
+}
+
+.seval-chart-bottom-side--left {
+  justify-content: flex-start;
+}
+
+.seval-chart-bottom-side--right {
+  justify-content: flex-end;
+}
+
+.seval-chart-bottom-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.seval-chart-nav--window {
+  min-width: 108px;
+  font-size: 0.72rem;
+}
+
+.seval-chart-eval-range {
+  color: var(--se-text-muted);
+  font-size: 0.62rem;
+}
+
 .seval-chart-nav--step {
   min-width: 88px;
 }