IA: gerador de histórias e imagens

O que faz?

📦 HTML, CSS, JavaScript e API GEMINI: crie um gerador de histórias e imagens interativo.

📝 Geração de histórias: use a IA generativa do Google para gerar histórias com base na entrada do usuário.

🖼️ Geração de fotos: busque fotos correspondentes na API Unsplash.

🖊️ Interação do usuário: insira texto para histórias e gere fotos com botões.

⏳ Indicadores de carregamento: mostre um ícone de carregamento durante a geração de histórias e a busca de fotos.

⚠️ Processamento de erros: mostre mensagens de erro e registre erros para depuração.

🖥️ Exibição de conteúdo: renderize histórias e fotos geradas em um layout limpo.

📱 Design responsivo: adapte os elementos da interface a vários tamanhos de tela.

🎨 Mudanças de estilo dinâmicas: ajuste a borda e a altura da área de texto em foco/desfoque.

✨ JavaScript moderno: use async/await para criar um código limpo, gerenciável e modular.