Создай интерактивное приложение для раскрашивания, где пользователи могут раскрашивать изображения с контурами.

Основные функции:
- Экран выбора изображения: Отображает небольшие миниатюры предоставленных изображений, удобные для навигации, с возможностью клика для выбора.
- Экран раскрашивания: Показывает выбранное изображение в полноэкранном вертикальном режиме. Элементы управления в левом верхнем углу включают:
  - Кнопку 'Назад' с диалогом подтверждения: 'Вы уверены, что хотите вернуться?'
  - Кнопку 'Сохранить' для скачивания раскрашенного изображения в формате PNG.
  В правом верхнем углу расположено:
  - Большой красный круг, отображающий текущий выбранный цвет (по умолчанию ярко-синий).
  - При нажатии на круг открывается полноэкранная палитра с 24 яркими цветовыми опциями, расположенными в виде маленьких кругов.
- Раскрашивание:
  - Определяет границы областей изображения для заливки цветом. Пользователи могут кликнуть или тапнуть по области, чтобы заполнить её выбранным цветом.

Лучшие практики:
- Обеспечьте интуитивно понятный интерфейс с чётко обозначенными кнопками.
- Оптимизируйте обработку изображений для быстрой детекции границ во время раскрашивания.
- Обеспечьте плавный переход между выбором цвета и раскрашиванием. Приложение поощряет творчество и предлагает простой, увлекательный и удовлетворяющий опыт для любителей цифровой раскраски.

Create a simple interactive coloring application:
First screen:
- Display thumbnails of the provided images:
  1. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199715.jpg
  2. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199718.jpg
  3. https://img.freepik.com/premium-vector/lion-giraffe-hand-drawn_185029-508.jpg
  4. https://img.freepik.com/free-vector/hand-drawn-owl-outline-illustration_23-2149277379.jpg
  5. https://img.freepik.com/free-vector/hand-drawn-fox-outline-illustration_23-2149272718.jpg
  6. https://img.freepik.com/free-vector/hand-drawn-lion-outline-illustration_23-2149285355.jpg
  7. https://img.freepik.com/free-vector/hand-drawn-penguin-outline-illustration_23-2150582038.jpg
  8. https://img.freepik.com/free-vector/animal-doodle-outline-cute-giraffe_1308-81895.jpg

- Thumbnails should be small and easy to navigate.

After selecting an image:
- Display the chosen image full-screen vertically.
- Top-left corner:
  - "Back" button: returns to image selection after confirmation dialog.
  - "Save" button: downloads the colored image.
- Top-right corner:
  - Large red circle indicating the current selected color (default is bright blue).
  - On clicking the circle, display a fullscreen palette with 24 vibrant color options arranged as small circles. After selecting a color, close the palette.

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

Q: How should users confirm when they click the 'Back' button?
A: A simple 'Are you sure you want to go back?' prompt.

Q: What specific file format should the colored image be saved as?
A: PNG format.