fix(M02): 좌측 패널 공용 틀 M01 과 맞춤

- ui_template_overlay.css 에 ui-sidebar-panel · ui-sidebar-card · ui-sidebar-list ·
  ui-sidebar-row 공용 클래스 추가
- M01·M02 좌측 코드가 공용 클래스를 씀 — 카드 여백·둥글기·바탕 · 목록 간격 ·
  줄 선택 표시 한 벌
- M02 좌측 전용 CSS 중복 규칙 제거(없는 토큰 --radius-md 로 둥글기 안 먹던 것도 해소)
- M02 표/도면/구조물 카드 처음 접힘으로 M01 과 맞춤 · 새로·본떠·지우기 단추 줄 카드 안으로

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

ui_template/ui_template_overlay.css

@@ -364,3 +364,62 @@
   border-style: solid;
   border-color: color-mix(in srgb, var(--color-border) 25%, var(--color-text-secondary));
 }
+
+/* 좌측 패널 공용 틀(M01·M02 공용) — 접기 카드 모양 · 목록 · 줄 · 고름 표시.
+   전체를 감싸는 패널 간격은 .ui-sidebar-panel, 카드 하나는 .ui-sidebar-card,
+   그 안 목록은 .ui-sidebar-list, 줄은 .ui-sidebar-row(선택 시 is-active). */
+.ui-sidebar-panel {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+
+.ui-sidebar-card {
+  padding: calc(var(--spacing-8) + var(--spacing-4));
+  border-radius: var(--radius-cards);
+  background: var(--color-surface-raised);
+}
+
+.ui-sidebar-card > .ui-collapsible__title {
+  margin: 0;
+  color: var(--color-text);
+  font-size: var(--text-body-sm);
+}
+
+/* 카드 안에 다시 카드(M02 도면 안 구조물 도면 묶음) — 앞 목록과 간격 */
+.ui-sidebar-card .ui-sidebar-card {
+  margin-top: var(--spacing-8);
+}
+
+.ui-sidebar-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  max-height: 50vh;
+  margin-top: var(--spacing-8);
+  overflow: auto;
+}
+
+.ui-sidebar-row {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--spacing-8);
+  padding: var(--spacing-4) var(--spacing-8);
+  border: 0;
+  border-radius: var(--radius-buttons);
+  background: transparent;
+  color: var(--color-text-body);
+  font: inherit;
+  font-size: var(--text-body-sm);
+  text-align: left;
+  cursor: pointer;
+}
+
+.ui-sidebar-row:hover {
+  background: var(--color-paper);
+}
+
+.ui-sidebar-row.is-active {
+  background: var(--color-mist-violet);
+  color: var(--color-accent);
+}