fix(m01-sl): 비율 바탕 이음은 아는 상자만 · 손선 보존, 결과 칸 값/단위, 다른 로직 손잡이

- refreshBases 를 Model connect/disconnect 로 바꿔 모르는 항목 상자와 손으로 이은 선을 안 건드림, applyItemLayout 내보냄
- 결과 칸: 돈 아닌 결과는 값과 단위, 「100㎡ 당」 표기
- 새 LogicTools: 다른 로직 찾기 · 고르기 · 넘길 값 · 결과 알약

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

M01_MasterData/SheetLogic/M01_SL_LogicTools.css

@@ -0,0 +1,87 @@
+.m01-sllogic__title {
+  color: var(--color-text-body);
+  font-size: var(--text-body);
+}
+
+.m01-sllogic__chosen {
+  margin: var(--spacing-4) 0;
+  color: var(--color-text-body);
+  font-weight: 600;
+}
+
+.m01-sllogic__search {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-8);
+  margin: var(--spacing-8) 0;
+}
+
+.m01-sllogic__input {
+  box-sizing: border-box;
+  width: 200px;
+  max-width: 100%;
+  height: var(--control-height-sm);
+  padding: 3px 6px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-canvas);
+  color: var(--color-text-body);
+  font: inherit;
+  font-size: var(--text-body-sm);
+}
+
+.m01-sllogic__input[readonly] {
+  background: var(--color-surface);
+}
+
+.m01-sllogic__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  max-height: 240px;
+  margin: 0 0 var(--spacing-8);
+  padding: 0;
+  overflow: auto;
+  list-style: none;
+}
+
+.m01-sllogic__list .ui-btn {
+  max-width: 100%;
+  text-align: left;
+  white-space: normal;
+}
+
+.m01-sllogic__fields {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: var(--spacing-8) var(--spacing-16);
+  margin: var(--spacing-8) 0;
+  color: var(--color-text-body);
+}
+
+.m01-sllogic__fields > strong,
+.m01-sllogic__fields > .m01-sllogic__muted {
+  flex-basis: 100%;
+}
+
+.m01-sllogic__field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  color: var(--color-text-secondary);
+  font-size: var(--text-body-sm);
+}
+
+.m01-sllogic__muted {
+  margin: 0;
+  color: var(--color-text-muted);
+  font-size: var(--text-caption);
+}
+
+.m01-sllogic__msg {
+  margin: var(--spacing-4) 0 0;
+  color: var(--color-danger);
+  font-size: var(--text-caption);
+}