From 3bbf402af39b8de75f8844e3582419a27fa60cd9 Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Sun, 14 Jun 2026 01:34:42 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9C=84=EC=A0=AF=20=EA=B5=AC=EB=B6=84=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B8=EC=84=A0=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/floatingWidget.css | 44 +++++++++++++++++++-------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/frontend/src/styles/floatingWidget.css b/frontend/src/styles/floatingWidget.css
index d1b63ae..8b94d30 100644
--- a/frontend/src/styles/floatingWidget.css
+++ b/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;
 }
 
 /* 리사이즈 핸들 — 좌·우 하단 (차트 툴바 위에 표시) */