타이틀바를 일반적인 맥 디자인에 맞게 수정

src/renderer/renderer.js

@@ -43,6 +43,10 @@ selection.init({ gridContainer, rubberBand, grid, state, callbacks });
 dragDrop.init({ grid, gridContainer, dragGhostEl, state, callbacks });
 hoverPreview.init();
 
+window.api.onFullscreenChange((isFullscreen) => {
+  document.body.classList.toggle('fullscreen', isFullscreen);
+});
+
 // ── 버튼 이벤트 ──────────────────────────────────
 inputPrefix.addEventListener('input', updatePreview);
 inputDigits.addEventListener('input', updatePreview);

src/renderer/style.css

@@ -32,24 +32,34 @@ body {
 
 /* ── 타이틀바 ── */
 #titlebar {
-  height: 44px;
+  height: 52px;
   background: var(--bg);
   -webkit-app-region: drag;
   display: flex;
   align-items: center;
-  padding: 0 80px 0 20px;
+  justify-content: flex-end;
+  padding: 0 16px 0 80px;
   border-bottom: 1px solid var(--border);
   flex-shrink: 0;
+  position: relative;
+}
+body.fullscreen #titlebar {
+  padding-left: 16px;
 }
 #titlebar h1 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  white-space: nowrap;
   font-size: 13px; font-weight: 600; color: var(--muted);
   letter-spacing: .08em; text-transform: uppercase;
 }
 #titlebar .dir-path {
-  margin-left: 16px;
   font-family: 'JetBrains Mono', monospace;
   font-size: 11px; color: var(--muted); opacity: .7;
-  max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 
 /* ── 툴바 ── */