Buat aplikasi mewarnai interaktif yang sederhana dengan fitur-fitur berikut:

Gambaran Proyek
Kembangkan aplikasi yang memungkinkan pengguna mewarnai area dalam sebuah gambar secara interaktif. Pengguna memilih atau mengambil gambar, dan aplikasi memprosesnya untuk memungkinkan pewarnaan dalam batas-batas yang terdeteksi.

Desain UI/UX dan Alur
1. Layar Pertama: Tampilkan tombol 'Pilih Gambar' yang mencolok. Saat diklik, buka penjelajah file untuk memilih gambar.
2. Setelah Memilih Gambar: Tampilkan pratinjau gambar yang dipilih di tengah layar. Sediakan tombol 'Mulai Mewarnai' di bawah gambar.
3. Layar Mewarnai: Setelah mengklik 'Mulai Mewarnai', analisis gambar untuk mendeteksi batas-batas yang bisa diwarnai. Gunakan tata letak layar penuh secara vertikal dengan kontrol:
   - Sudut kiri atas: Tombol 'Kembali' untuk kembali ke layar pertama dan tombol 'Simpan' untuk mengunduh gambar yang sudah diwarnai.
   - Sudut kanan atas: Lingkaran besar sebagai indikator warna yang sedang dipilih (default biru terang). Ketuk lingkaran untuk membuka palet warna layar penuh dengan 24 warna cerah.

Fungsi Inti dan Logika
- Deteksi setidaknya dua area berbeda dalam gambar yang bisa diwarnai.
- Mekanisme Pengisian: Pengguna mengetuk di dalam batas untuk mengisi dengan warna yang dipilih.
- Format file yang didukung meliputi JPEG, PNG, dan lainnya.

Penanganan Kesalahan
- Jika analisis gambar menemukan kurang dari dua area yang bisa diwarnai, tampilkan error: "Ups! Kami tidak menemukan area untuk diwarnai pada gambar ini. Silakan coba gambar lain dengan garis yang lebih jelas." 
- Jika pendeteksian batas gagal, minta pengguna memilih gambar lain.

Praktik Terbaik
- Pastikan transisi antar layar berjalan dengan mulus.
- Sediakan desain responsif untuk lingkungan desktop dan mobile.
- Pastikan pemilihan palet warna dan pemrosesan gambar intuitif dan efisien.
- Gunakan pesan error yang jelas dan jaga pengalaman pengguna yang ramah.

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.