refactor(M02): 좌측 패널을 시스템 양식 목록만으로 — 층 · 프로젝트 · 프로젝트 단추 다섯 뺌 · 제목 줄 headerSlot 연결

작도 영역 칸은 제목 줄 가운데로. 그림 칸 위쪽 246px.

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

M02_MasterTemplete/M02_MasterTemplete_UI_Style.css

@@ -6,24 +6,6 @@
   padding-top: var(--spacing-8);
 }
 
-.m02-side__layers {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
-  gap: var(--spacing-4);
-}
-
-.m02-side__layers .ui-btn {
-  padding-inline: var(--spacing-4);
-  white-space: nowrap;
-}
-
-.m02-side__layers .ui-btn.is-active {
-  background: var(--color-accent);
-  border-color: var(--color-accent);
-  color: var(--color-on-accent, #fff);
-  font-weight: var(--font-weight-bold);
-}
-
 .m02-side__group {
   display: flex;
   flex-direction: column;
@@ -79,18 +61,34 @@
 
 .m02-main__head {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   gap: var(--spacing-12);
 }
 
 .m02-main__title {
-  flex: 1 1 auto;
+  flex: 0 1 auto;
+  min-width: 3rem;
+  max-width: 9rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   margin: 0;
   color: var(--color-text);
   font-size: var(--text-body);
 }
 
+.m02-main__head .ui-btn {
+  white-space: nowrap;
+}
+
+.m02-main__slot {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  min-width: 0;
+}
+
 .m02-main__notice {
   display: flex;
   align-items: center;