위젯 수정

frontend/src/styles/floatingWidget.css

@@ -122,7 +122,12 @@
   display: grid;
   gap: 1px;
   padding: 0;
-  background: color-mix(in srgb, var(--se-border, var(--border)) 18%, transparent);
+  /* 칸 구분선 — 얇되 세로·가로 균일하게 보이도록 accent 살짝 혼합 */
+  background: color-mix(
+    in srgb,
+    var(--se-accent, var(--accent)) 8%,
+    color-mix(in srgb, var(--se-border, var(--border)) 32%, transparent)
+  );
   overflow: hidden;
 }
 
@@ -212,8 +217,12 @@
   content: '';
   position: absolute;
   pointer-events: none;
-  opacity: 0;
+  opacity: 0.45;
-  background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent);
+  background: color-mix(
+    in srgb,
+    var(--se-accent, var(--accent)) 22%,
+    color-mix(in srgb, var(--se-border, var(--border)) 55%, transparent)
+  );
   transition: opacity 0.12s, background 0.12s;
 }
 
@@ -236,6 +245,7 @@
 .fw-grid-splitter:hover::after,
 .fw-grid-splitter--active::after {
   opacity: 1;
+  background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent);
 }
 
 /* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */