다음 기능을 갖춘 간단한 인터랙티브 색칠하기 애플리케이션을 만드세요:

프로젝트 개요
사용자가 이미지 내 영역을 인터랙티브하게 색칠할 수 있는 애플리케이션을 개발합니다. 사용자가 이미지를 선택하거나 촬영하면, 애플리케이션은 감지된 경계 내에서 색칠이 가능하도록 이미지를 처리합니다.

UI/UX 디자인 및 흐름
1. 첫 화면: '이미지 선택' 버튼을 눈에 띄게 표시합니다. 클릭 시 파일 브라우저가 열려 이미지를 선택합니다.
2. 이미지 선택 후: 중앙에 선택된 이미지 미리보기를 표시하고, 이미지 아래에 '색칠 시작' 버튼을 제공합니다.
3. 색칠 화면: '색칠 시작'을 클릭하면 이미지에서 색칠 가능한 경계를 분석합니다. 세로 풀스크린 레이아웃을 사용하며, 다음 컨트롤을 포함합니다:
   - 왼쪽 상단: 첫 화면으로 돌아가는 '뒤로' 버튼과 색칠된 이미지를 저장하는 '저장' 버튼.
   - 오른쪽 상단: 현재 선택된 색을 표시하는 큰 원(기본값은 밝은 파랑). 원을 탭하면 24가지 생생한 색상의 풀스크린 색상 팔레트가 열립니다.

핵심 기능 및 로직
- 이미지 내 최소 두 개의 색칠 가능한 영역을 감지합니다.
- 채우기 메커니즘: 사용자가 경계 내를 탭하면 선택한 색으로 채워집니다.
- 지원 파일 형식: JPEG, PNG 등.

오류 처리
- 이미지 분석 결과 색칠 가능한 영역이 두 개 미만이면, 오류 메시지: "오ops! 이 이미지에서 색칠할 영역을 찾을 수 없습니다. 더 선명한 윤곽을 가진 다른 이미지를 사용해 주세요."를 표시합니다.
- 경계 감지가 실패하면, 다른 이미지를 선택하라는 메시지를 표시합니다.

모범 사례
- 화면 전환이 원활하도록 합니다.
- 데스크탑과 모바일 환경 모두에 반응형 디자인을 제공합니다.
- 색상 팔레트 선택과 이미지 처리가 직관적이고 효율적인지 확인합니다.
- 명확한 오류 메시지를 사용하여 사용자 친화적인 경험을 유지합니다.

Create a simple interactive coloring application:

First screen:
- Display a prominent button labeled "Select Image" (select/take photo if on mobile).
- Upon clicking, open file browser to let the user select an image.

After selecting an image:
- Show a preview of the chosen image centered on the screen.
- Below the preview, display a button labeled "Start Coloring."

After clicking "Start Coloring":
- Attempt to parse the image to detect at least two distinct areas suitable for coloring.
- If successful, display the image fullscreen vertically with detected boundaries.

Top-left corner:
- "Back" button: returns to first screen.
- "Save" button: downloads the colored image.

Top-right corner:
- Large red circle indicating the current selected color (default bright blue).
- On click, open fullscreen palette with 24 vibrant colors arranged in circles. Close palette upon selection.

Coloring interaction:
- Detect boundaries automatically.
- On tap/click within boundaries, fill the area with the selected color.

Error handling:
- If fewer than two colorable areas are detected, display an error message:
  "Oops! We couldn't find areas to color in this image. Please try another image with clearer outlines."

Q: What image formats should be supported for selection?
A: JPEG, PNG, and other.

Q: What should happen if the user selects an image but the boundary detection fails?
A: Return to the image selection with a prompt to try another image.