전략평가 수정

frontend/src/App.css

@@ -5608,15 +5608,14 @@ html.desktop-client .tmb-logo-version {
   position: fixed;   /* wrapper 밖으로도 자유롭게 이동 */
   z-index: 2000;
   border-radius: 6px;
-  cursor: grab;
-  overflow: hidden;
+  cursor: default;
+  overflow: visible;
   box-shadow:
     0 4px 24px rgba(0,0,0,0.55),
     0 0 0 1px rgba(255,200,50,0.45);
   background: #111218;
   display: flex;
   flex-direction: column;
-  /* pointer-events: all — 내부 drag/resize 가 동작하도록 */
   user-select: none;
 }
 
@@ -5634,8 +5633,6 @@ html.desktop-client .tmb-logo-version {
 }
 .chart-magnifier-header:active { cursor: grabbing; }
 .chart-magnifier:active { cursor: default; }
-/* 리사이즈 핸들 위에서는 grab 커서 대신 방향 커서 표시 */
-.chart-magnifier-handle { cursor: inherit; }
 
 .chart-magnifier-icon {
   opacity: 0.75;
@@ -5737,18 +5734,29 @@ html.desktop-client .tmb-logo-version {
 .chart-magnifier-close:hover { background: rgba(220,60,60,0.5); color: #fff; }
 
 /* 확대 캔버스 */
-.chart-magnifier-canvas {
+.chart-magnifier-body {
   flex: 1;
-  display: block;
-  width: 100%;
-  height: 0; /* flex:1 로 채워짐 */
+  min-height: 0;
+  overflow: hidden;
+  border-radius: 0 0 6px 6px;
 }
 
-/* 리사이즈 핸들 */
+.chart-magnifier-canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/* 리사이즈 핸들 — 8방향 (모서리·변) */
 .chart-magnifier-handle {
-  background: rgba(255,200,50,0.6);
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  background: rgba(255,200,50,0.75);
+  border: 1px solid rgba(255,200,50,0.95);
   border-radius: 2px;
-  z-index: 10;
+  z-index: 20;
+  touch-action: none;
 }
 .chart-magnifier-handle:hover {
   background: rgba(255,200,50,1);