feat(cupang): 센터 즉시 추가·대화상자 센터 버튼 선택

- ③ 센터 분배: 목록에서 센터를 고르는 즉시 추가된다. "+ 센터 추가" 버튼
  제거. 고른 뒤 선택값을 비워 같은 센터를 다시 고를 수 있게 한다.
- 담기 대화상자: 센터 select 를 추가된 센터 버튼 목록으로 바꿔 한 번에
  대상을 고른다(현재 대상은 검은 버튼 + aria-pressed).

tests/js: 센터 추가를 change 이벤트로, 대화상자 센터 버튼 표시·전환·
선택한 센터로 담기는지까지 검증. 전체 통과.

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

app/static/cupang.css

@@ -658,7 +658,7 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 }
 .cpg-dist-sum { display: inline-flex; align-items: center; gap: 6px; }
 .cpg-dist-close { padding: 0 6px; line-height: 1.5; }
-.cpg-center-pick { display: flex; gap: 8px; margin-bottom: 10px; }
+.cpg-center-pick { margin-bottom: 10px; }
 .cpg-center-pick .erp-select { flex: 1 1 auto; min-width: 0; }
 .cpg-dist-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
 .cpg-dist-item {
@@ -695,3 +695,13 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 /* 드래그 중일 때 ③ 영역을 강조 — 어디에 놓아야 하는지 보이게 */
 .cpg-dist-card.is-drop-ready { outline: 2px dashed var(--color-rich-black); outline-offset: 2px; }
 .cpg-dist-card.is-drop-ready .cpg-dist-center { border-color: var(--color-midtone-gray); }
+
+/* 대화상자 센터 버튼 목록 */
+.cpg-dlg-centers {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  max-height: 132px;
+  overflow-y: auto;
+}
+.cpg-dlg-center-btn { padding: 4px 12px; }