sidebar-resizer 추가

src/renderer/style.css

@@ -83,14 +83,43 @@ header h1 {
 
 /* ── 사이드바 ── */
 aside {
-  width: 300px;
+  width: 340px;
+  min-width: 340px;
+  max-width: 500px;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
-  border-right: 1px solid var(--border);
   background: var(--surface);
   overflow: hidden;
 }
+#sidebar-resizer {
+  width: 7px;
+  flex: 0 0 7px;
+  margin-left: -3px;
+  margin-right: -4px;
+  cursor: col-resize;
+  position: relative;
+  z-index: 30;
+}
+#sidebar-resizer::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 3px;
+  width: 1px;
+  background: var(--border);
+}
+#sidebar-resizer:hover::before,
+body.resizing-sidebar #sidebar-resizer::before {
+  left: 2px;
+  width: 3px;
+  background: var(--accent);
+}
+body.resizing-sidebar {
+  cursor: col-resize;
+  user-select: none;
+}
 .sidebar-nav {
   display: flex;
   flex-direction: row;