Crie um app interativo de quadro de visão e mood board em um único arquivo

Visão geral: Construa um aplicativo web interativo de quadro de visão e humor, pronto para produção, em um único arquivo moodboard.html usando HTML5, CSS3 moderno e JavaScript incorporado com Google Fonts (Playfair Display e Plus Jakarta Sans). Especificações principais: - Layout e Design: Grade bento centralizada com estética editorial e tons neutros quentes (--bg: #f5f2eb, --card-bg: #ffffff, --text-main: #2b2623, --accent: #b88651). Inclui uma barra de cabeçalho superior com uma etiqueta de quadro editável, título e subtítulo, junto com uma barra de ferramentas utilitária. - Componentes interativos: Elementos de texto totalmente editáveis usando contenteditable para personalização instantânea. Cartão de imagem dinâmico que suporta uploads de imagens locais do dispositivo via leitor de arquivos e colagem de URL personalizada com uma sobreposição de foto interativa. Lista de intenções diárias com um rastreador de hábitos integrado e alternâncias de exclusão. Blocos de paleta de cores personalizáveis e interativos com entradas de seletor de cor ao vivo. Salvamento persistente do estado local usando localStorage e uma função de redefinição para restaurar as configurações padrão, retornando todo o código em um único arquivo.