feat(cupang): 센터에 담긴 혼합 박스 내용물 트리 표시

③ 센터 분배에서 혼합 박스 줄 아래에 무엇이 몇 개 들어가는지 트리로
펼쳐 보여준다. 2박스 이상이면 총 개수와 함께 "(4개 × 2박스)" 를 덧붙인다.
수량을 바꾸면 트리 수치도 즉시 갱신된다. 단일 제품 박스는 트리가 없다.

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

app/static/cupang.css

@@ -705,3 +705,28 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
   overflow-y: auto;
 }
 .cpg-dlg-center-btn { padding: 4px 12px; }
+
+/* 센터에 담긴 혼합 박스의 내용물 트리 */
+.cpg-dist-item { display: block; }
+.cpg-dist-line { display: flex; align-items: center; gap: 6px; }
+.cpg-dist-tree {
+  list-style: none;
+  margin: 4px 0 2px;
+  padding: 0 0 0 10px;
+  border-left: 1px solid var(--color-subtle-ash);
+}
+.cpg-dist-tree li {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  padding: 1px 0;
+  font-size: 12px;
+  color: var(--color-midtone-gray);
+}
+.cpg-dist-tree li::before {
+  content: "└";
+  color: var(--color-subtle-ash);
+}
+.cpg-tree-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cpg-tree-qty { font-weight: 600; color: var(--color-rich-black); }
+.cpg-tree-per { font-size: 11px; }