feat(ui-kit): 틀 부품 셋 — 도구줄 · 떠 있는 판 · 오른쪽 서랍 겉 (PLAN 552-4)

- 도구줄 createToolbar: data-size 24 · 28 · 32 · 나눔선 · 밀기 · 유리 꼴 · 단 없는 단추에 같은 단을 붙임(552-2 setUiSize)
- 떠 있는 판 createFloatPanel: 머리 32 · 닫기 = 아이콘 단추 24(x) · 끌기 머리 · 팝오버
- 오른쪽 서랍: 흰 판 + 1 px 선 · 자리 · 폭 · 열고 닫기 그대로 · 머리 규칙 8
- 부품 모음 틀 아홉 견본 다 참 · 지킴 시험 아홉 부품

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

ui_template/ui_template_float_panel.css

@@ -0,0 +1,56 @@
+/* 떠 있는 판(552-4) — 흰 판 · 1 px 선 · 그림자 · 머리 32 · 뒷막 없음 · 자리는 부르는 쪽(부모 안 absolute) */
+.ui-float-panel {
+  position: absolute;
+  z-index: var(--z-dropdown);
+  display: flex;
+  flex-direction: column;
+  min-width: 160px;
+  max-height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-cards);
+  background: var(--color-surface-raised);
+  color: var(--color-text);
+  box-shadow: var(--shadow-lg);
+}
+
+.ui-float-panel__head {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: var(--spacing-8);
+  min-height: 32px;
+  padding: 0 var(--spacing-4) 0 var(--spacing-12);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.ui-float-panel__head.is-draggable {
+  cursor: move;
+  touch-action: none;
+  user-select: none;
+}
+
+.ui-float-panel__title {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  font-size: var(--text-body-sm);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ui-float-panel__body {
+  flex: 1 1 auto;
+  min-height: 0;
+  padding: var(--spacing-12);
+  overflow: auto;
+  font-size: var(--text-body-sm);
+}
+
+.ui-float-panel--popover > .ui-float-panel__body {
+  padding: var(--spacing-8);
+}
+
+.ui-float-panel.is-dragging {
+  opacity: 0.92;
+}