feat(M02-흐름도): 공용 단위 고르기 UnitPick · 끝수 줄 · 함수 판 단위 고르기로 바꿈

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

M02_MasterTemplete/DataFlow/M02_DF_UnitPick.css

@@ -0,0 +1,56 @@
+.m02-df-unitpick {
+  position: relative;
+  display: inline-block;
+}
+
+.m02-df-unitpick__panel {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  min-width: 14em;
+  max-height: 20em;
+  padding: var(--spacing-8);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-cards);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-lg);
+}
+
+.m02-df-unitpick__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow-y: auto;
+}
+
+.m02-df-unitpick__item {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-4) var(--spacing-8);
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.m02-df-unitpick__item.is-on,
+.m02-df-unitpick__item:hover {
+  background: var(--color-surface-raised);
+}
+
+.m02-df-unitpick__item.is-now {
+  font-weight: var(--font-weight-bold);
+}
+
+.m02-df-unitpick__empty {
+  padding: var(--spacing-8);
+  color: var(--color-text-muted);
+  font-size: var(--text-body-sm);
+}