실시간 차트 캔들차트 높이 조절

frontend/src/App.css

@@ -1036,6 +1036,38 @@ html.theme-blue {
   position: relative;
 }
 
+/* ── 캔들/보조지표 pane 분리선 드래그 핸들 ────────────────────────── */
+.chart-pane-resize-handle {
+  position: absolute;
+  left: 0;
+  /* 우측 툴바(--sidebar-w) 제외 — 툴바 위에 겹치지 않도록 */
+  right: var(--sidebar-w, 44px);
+  height: 10px;
+  margin-top: -5px;
+  cursor: ns-resize;
+  z-index: 15;
+  touch-action: none;
+  user-select: none;
+}
+
+.chart-pane-resize-handle::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 2px;
+  border-radius: 1px;
+  background: transparent;
+  transition: background 0.15s ease;
+}
+
+.chart-pane-resize-handle:hover::after,
+.chart-pane-resize-handle:active::after {
+  background: rgba(100, 120, 180, 0.55);
+}
+
 /* 우측 세로 툴바 — 가격축 라벨 오른쪽 전용 영역 */
 .chart-right-toolbar {
   width: var(--sidebar-w, 44px);