화면 상단에 app-workspace 영역을 만들고, 버튼들을 새로운 영역으로 이동

src/renderer/style.css

@@ -74,11 +74,42 @@ header h1 {
   margin-left: auto;
 }
 
+/* ── 작업 영역 ── */
+.app-workspace {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.workspace-nav {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 16px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+.workspace-actions,
+.workspace-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.workspace-actions {
+  flex-shrink: 0;
+}
+.workspace-controls {
+  margin-left: auto;
+}
+
 /* ── 앱 레이아웃 ── */
 .app-layout {
   display: flex;
   flex-direction: row;
   flex: 1;
+  min-height: 0;
   overflow: hidden;
 }
 
@@ -121,18 +152,6 @@ body.resizing-sidebar {
   cursor: col-resize;
   user-select: none;
 }
-.sidebar-nav {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-}
-.sidebar-nav .btn {
-  flex: 1;
-  justify-content: center;
-}
 .file-explorer {
   flex: 1;
   overflow: auto;
@@ -146,14 +165,6 @@ main {
   overflow: hidden;
 }
 
-/* ── 콘텐츠 툴바 ── */
-.content-nav {
-  display: flex; align-items: center; gap: 8px;
-  padding: 10px 16px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-}
 .btn {
   display: inline-flex; align-items: center; gap: 6px;
   padding: 7px 14px; border-radius: 8px; border: none;