fix(☰ · 서랍): ☰ 중심 = 좌측 패널 제목 줄 중심(52) · 서랍 간격 8/12 · 줄 높이 40/44 · 글 왼쪽 16 · 로고 줄 ☰ 높이 가운데 (389-1 · 2)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QfHKQs7J3hQELKMWQMUJEy

resources/tester/test_device_drawer.py

@@ -26,6 +26,11 @@ BURGER = (
     " return [Math.round(r.left), Math.round(r.top), Math.round(r.width), Math.round(r.height),"
     " Math.round(r.right)]; })()"
 )
+TITLE_ROW_CY = (
+    "(() => { const r = document.querySelector("
+    "'.ui-workflow-overlay__panel--title > .ui-workflow-overlay__header').getBoundingClientRect();"
+    " return Math.round(r.top + r.height / 2); })()"
+)
 PROGRESS_HIDDEN = (
     "!document.querySelector('.ui-workflow-overlay__panel--progress').getClientRects().length"
 )
@@ -135,6 +140,8 @@ def test_drawer_holds_steps_and_header_folds():
         assert desk.evaluate(OUTLET_TOP) == 0
         assert desk.evaluate(BURGER)[:4] == [8, 8, 36, 36]
         assert desk.evaluate(PROGRESS_HIDDEN)
+        # 389-1: ☰ 중심 = 좌측 패널 제목 줄 중심
+        assert desk.evaluate(TITLE_ROW_CY) == 26
         head_nav = desk.evaluate(LABELS, ".app-nav button")
         head_actions = desk.evaluate(LABELS, ".app-actions button")
         assert head_nav and head_actions
@@ -170,7 +177,22 @@ def test_352_4_burger_in_panel_title_row_text():
     # 자리(8,8 · 36)는 그대로 — 접으면 아래 기본 규칙(떠 있는 단추)으로 돌아감
     base = shell.split("html.is-bm-route .app-burger {", 1)[1].split("}", 1)[0]
     assert "position: fixed;" in base and "left: var(--spacing-8);" in base
-    assert "html.is-bm-route .app-drawer__brand .app-brand { align-self: flex-end; }" in shell
+    # 389-1: 마우스 제목 줄 높이 = 8×2 + ☰ 높이(36) = 52 → 중심 26 = ☰ 중심
+    overlay_css = (root / "ui_template/ui_template_overlay.css").read_text(encoding="utf-8")
+    title_row = overlay_css.split(
+        "html.is-bm-route .ui-workflow-overlay__panel--title > .ui-workflow-overlay__header {", 1
+    )[1].split("}", 1)[0]
+    assert "min-height: calc(var(--spacing-8) * 2 + var(--app-burger-w));" in title_row
+    # 389-2: 서랍 8/12 체계 — 묶음 사이 12 + 선 + 12 · 로고 줄 = ☰ 높이 가운데
+    assert (
+        "gap: var(--spacing-12);" in shell.split(".app-header.is-drawer-open .app-drawer {", 1)[1]
+    )
+    assert "padding-top: var(--spacing-12);" in shell.split(".app-drawer__group + ", 1)[1]
+    assert (
+        "min-height: var(--app-burger-w);"
+        in shell.split("html.is-bm-route .app-drawer__brand {", 1)[1]
+    )
+    assert "align-self: flex-end" not in shell
     # 378-1: 프로젝트 화면 서랍 오른쪽 가장자리 = 강조색 2 px
     assert "border-right: 2px solid var(--color-accent);" in shell
     overlay = (root / "ui_template/ui_template_overlay.css").read_text(encoding="utf-8")