feat(M02): 도면 칸 위쪽을 줄임 — 자리표 글 줄 뺌 · CAD 제목 줄 숨김 · 작도 영역 한 줄 · headerSlot 옵션

CAD 그림 칸 위쪽 448px 에서 285px 로, 그림 높이 598 에서 760 으로.

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

M02_MasterTemplete/M02_MasterTemplete_Drawing.css

@@ -1,4 +1,4 @@
-/* M02 도면 양식 편집 부품 — 위 도구 줄(작도 영역 · 자리표 · 단추) + 아래 웹캐드. */
+/* M02 도면 양식 편집 부품 — 위 도구 줄 한 줄(작도 영역 · 단추) + 아래 웹캐드. */
 
 /* 도면 칸이 메인을 꽉 채우고 창 크기를 따른다 — 메인 칸(`ui-workflow-layout__main`)은
    높이가 정해지지 않아(min-height 만) 100% 가 안 먹으므로 화면 높이로 잡는다.
@@ -32,7 +32,7 @@
 .m02-drawing__toolbar {
   display: flex;
   flex-wrap: wrap;
-  align-items: flex-end;
+  align-items: center;
   gap: var(--spacing-8) var(--spacing-16, 16px);
 }
 
@@ -49,30 +49,31 @@
   gap: var(--spacing-8);
 }
 
-.m02-drawing__area .ui-field {
-  width: 5.5rem;
-}
-
-.m02-drawing__fields {
-  display: flex;
-  flex: 1 1 20rem;
+.m02-drawing__area {
   flex-wrap: wrap;
   align-items: center;
+}
+
+/* 칸 이름과 입력을 한 줄로 — 세로로 쌓지 않는다. */
+.m02-drawing__area .ui-field {
+  flex-direction: row;
+  align-items: center;
   gap: var(--spacing-4, 4px);
+  width: auto;
 }
 
-.m02-drawing__field {
-  padding: 2px 8px;
-  border: 1px solid var(--color-border);
-  border-radius: 1440px;
-  background-color: var(--color-surface);
-  color: var(--color-text);
+.m02-drawing__area .ui-field input {
+  width: 4.5rem;
+  padding-block: 2px;
+}
+
+.m02-drawing__area .ui-field label {
   font-size: 0.72rem;
-  cursor: pointer;
+  white-space: nowrap;
 }
 
-.m02-drawing__field[data-source="도면"] {
-  color: var(--color-text-muted);
+.m02-drawing__toolbar--slot {
+  flex: 0 1 auto;
 }
 
 .m02-drawing__actions {