[코디 엔진] 헤어·성형·피부 외형 편집

코디엔진 안에서 장비뿐 아니라 캐릭터 외형까지 한 흐름으로 조합할 수 있도록 독립적인 캐릭터 외형 창을 추가했습니다.

• 별도 창 자동 표시: 코디 모드에 들어가면 장착 코디 창 옆에 헤어·성형·피부 전용 창이 함께 열립니다.
• 독립 창 조작: 외형 창은 장착 코디 창과 별도로 이동·최소화·닫기가 가능하며 코디 모드에 다시 들어가면 자동으로 다시 표시됩니다.
• 마우스 오버 포커스: 장착 코디·캐릭터 외형·코디 검색 창에 마우스를 올리면 해당 창이 임시로 활성화되고 최상위로 이동하며, 벗어나면 마지막으로 클릭한 창의 활성 상태가 복원됩니다.
• 코디엔진 기본 다크 모달: 코디엔진에서 헤어·성형·피부 변경 모달을 열면 다크 모드로 시작하며, 직접 테마를 바꾸지 않고 닫으면 모달을 열기 전 사이트 테마로 복원됩니다.
• 모달 테마 스위치: 헤어·성형·피부 변경 모달의 오른쪽 목록 박스 우측 상단에서 라이트·다크 모드를 전환하고 선택한 설정을 브라우저에 저장합니다.
• 테마 상태 동기화: 모달 스위치와 사이트 전역 테마 버튼이 같은 상태를 사용해 어느 쪽에서 변경해도 표시가 어긋나지 않습니다.
• 모달 포커스 유지: 외형 교체 모달의 선택·적용·닫기 이벤트를 장착 코디 창 활성화에서 제외해 작업 후에도 캐릭터 외형 창이 활성 창으로 유지됩니다.
• 실제 외형 썸네일: 각 카드 앞에 현재 장착 중인 헤어·성형·피부를 코디 렌더러로 직접 합성해 표시하며 믹스 색상과 스킨 프리즘도 반영합니다.
• 비지원 피부 원본 렌더: 커스텀 스킨 프리즘을 지원하지 않는 피부를 선택하면 기존 피부의 프리즘 값을 계승하지 않고 해당 피부 원본 색상 그대로 미리보기·적용합니다.
• 카드 가독성 개선: 헤어·성형·피부 카드의 배경 불투명도와 테두리 대비를 높여 맵 배경 위에서도 내용을 선명하게 구분합니다.
• 세부정보 레이어 수정: 피부 프리즘을 비롯한 카드 아래 색상 정보가 카드 본체 위를 덮지 않도록 레이어 순서를 바로잡았습니다.
• 렌즈 쿠폰 너비 보정: 성형 변경의 쿠폰 제목과 안내 문구를 간결하게 정리하고 자연스러운 줄바꿈을 허용해 믹스·밸런스 선택 박스가 설정 패널 밖으로 넘치지 않습니다.
• 색상 정보 유지: 캐릭터 룩과 동일하게 헤어 믹스염색, 단색 헤어, 컬러렌즈와 스킨 프리즘 정보를 함께 안내합니다.
• 동일 교체 모달: 카드를 누르면 캐릭터 룩에서 사용하는 외형 검색·성별 필터·무한 목록·캐릭터 미리보기·쿠폰 색상 조절·원래 외형 복원 기능이 그대로 열립니다.
• 모달 잘림 방지: 외형 교체 모달은 편집 창 밖의 최상위 오버레이에 표시해 작은 창이나 모바일에서도 전체 기능을 사용할 수 있습니다.
• 맵 캐릭터 즉시 반영: 선택한 외형은 코디엔진의 현재 캐릭터에 바로 합성되며 장착 장비와 명찰·말풍선 상태는 유지됩니다.
• 변경 히스토리 연동: 헤어·성형·피부 적용과 원복도 장비 교체와 함께 현재 브라우저 세션의 임시 변경 히스토리에 기록됩니다.
• 초기화 연동: 코디 초기화 시 외형 오버라이드와 열려 있는 외형 교체 모달도 함께 정리됩니다.

현재 개발 서버에서 작업 중이며 정식 배포 후 적용 완료로 전환됩니다.