[코디 둘러보기] 아이템 직접 검색·프리즘 코디 편집

캐릭터의 저장된 프리셋에 없는 코디 아이템도 찾아서 실제 캐릭터 룩에 조합할 수 있도록 교체 기능을 확장했습니다.

• 두 가지 교체 방식: 기존 프리셋 아이템 선택과 아카이브 아이템 직접 검색을 탭으로 구분
• 탭별 모달 높이: 프리셋 탭은 아이템 수에 맞춰 자연스럽게 줄어들고, 직접 검색 탭은 현재 높이에서 브라우저 가용 높이까지 부드럽게 확장
• 부위별 검색: 선택한 모자·상의·망토·무기 등의 장비 카테고리와 캐시 여부를 서버에서 필터링
• 반응형 페이지네이션: 모달의 실제 너비·높이에서 열과 행 수를 계산해 화면마다 2~60개의 아이템만 조회하고 브라우저 크기 변경 시 현재 페이지를 자동 보정
• 남는 공간 균형 배치: 다음 카드 행을 넣기 어려운 세로 여백은 검색창과 페이지네이션을 유지하면서 카드 목록 묶음을 중앙 정렬
• 모바일 목록·상세 분리: 작은 화면에서는 검색 목록과 아이템 상세를 한 화면씩 전환하고 상세 화면에 목록 복귀 버튼 제공
• 고정 미리보기 패널: 동작 미리보기는 최대 220px로 제한하고 아이템 정보와 미리보기는 상단, 교체 버튼은 하단에 고정하며 컬러 스튜디오만 내부 스크롤
• 동작 선택 핸들: 네비 검색 주제 선택기와 같은 핸들로 기본·걷기·점프·사다리(로프)를 전환하고 마우스 휠 선택 지원
• 실제 장착 미리보기: 검색 결과를 선택하면 코디 엔진의 장비 레이어와 이펙트를 확인한 뒤 교체
• 컬러링 프리즘: 색상 계열과 색조·채도·명도를 조절하고 순수 검정을 보호하는 일반 모드 지원
• 프리즘 프로: 지원 장비에서 검정 계열까지 포함해 색상을 변경한 결과를 비교하고 선택
• 현재 외형 유지: 검색 장비의 기본 캐릭터가 아니라 현재 캐릭터의 피부·헤어·성형 위에 장비 레이어만 합성
• 안전한 선택: 렌더 자산이 없거나 제외된 장비는 이유를 표시하고 교체를 차단

정식 서비스에 적용했습니다.