위젯 구분 라인선 조정

frontend/src/styles/floatingWidget.css

@@ -122,7 +122,7 @@
   display: grid;
   gap: 1px;
   padding: 0;
-  background: color-mix(in srgb, var(--se-border) 40%, transparent);
+  background: color-mix(in srgb, var(--se-border, var(--border)) 18%, transparent);
   overflow: hidden;
 }
 
@@ -189,33 +189,53 @@
   pointer-events: auto;
   touch-action: none;
   background: transparent;
-  transition: background 0.12s;
 }
 
 .fw-grid-splitter--v {
   top: 0;
   bottom: 0;
-  width: 7px;
-  margin-left: -3px;
+  width: 9px;
+  margin-left: -4px;
   cursor: col-resize;
 }
 
 .fw-grid-splitter--h {
   left: 0;
   right: 0;
-  height: 7px;
-  margin-top: -3px;
+  height: 9px;
+  margin-top: -4px;
   cursor: row-resize;
 }
 
-.fw-grid-splitter:hover,
-.fw-grid-splitter--active,
-.fw-window--focused .fw-grid-splitter {
-  background: color-mix(in srgb, var(--se-accent, var(--accent)) 35%, transparent);
+.fw-grid-splitter--v::after,
+.fw-grid-splitter--h::after {
+  content: '';
+  position: absolute;
+  pointer-events: none;
+  opacity: 0;
+  background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent);
+  transition: opacity 0.12s, background 0.12s;
 }
 
-.fw-grid-splitter--active {
-  background: color-mix(in srgb, var(--se-accent, var(--accent)) 55%, transparent);
+.fw-grid-splitter--v::after {
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 1px;
+  margin-left: -0.5px;
+}
+
+.fw-grid-splitter--h::after {
+  left: 0;
+  right: 0;
+  top: 50%;
+  height: 1px;
+  margin-top: -0.5px;
+}
+
+.fw-grid-splitter:hover::after,
+.fw-grid-splitter--active::after {
+  opacity: 1;
 }
 
 /* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */