Aguardando você colocar uma imagem...
box-sizing: border-box; } input[type="file"] { margin-top: 10px; color: #8fa0dd; cursor: pointer; width: 100%; } /* Círculo do Rosto da IA */ .avatar-container { width: 260px; height: 260px; border-radius: 50%; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7); border: 4px solid #2e3860; position: relative; background-color: #161b33; } canvas { width: 100%; height: 100%; } #status { font-size: 1.1rem; color: #8fa0dd; font-weight: 500; min-height: 28px; } /* Botão do Microfone */ .btn-mic { background: linear-gradient(135deg, #4ea8de 0%, #5390d9 100%); color: white; border: none; padding: 16px 45px; border-radius: 30px; font-size: 1.05rem; font-weight: 700; cursor: pointer; box-shadow: 0 4px 15px rgba(83, 144, 217, 0.3); transition: all 0.2s ease; } .btn-mic.gravando { background: linear-gradient(135deg, #ff4d6d 0%, #ff758f 100%); box-shadow: 0 4px 20px rgba(255, 77, 109, 0.5); }
Aguardando você colocar uma imagem...
font-size: 14px; z-index: 10; text-align: center; width: 80%; max-width: 300px; border: 2px solid #fff; animation: pulse 2s infinite; } .privacy-alert { position: absolute; top: 10px; width: 100%; text-align: center; color: #ff4444; font-size: 10px; z-index: 20; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } @keyframes pulse { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
🔒 Privacidade Garantida: Processamento Local. Nenhum dado é coletado ou enviado.
Iniciando IA... Mova o telefone para escanear o ambiente.
Busca AR: Localizando objetos fixos...

Status: Sincronizado

A TV/Objeto foi detectado como âncora visual.
Busca AR: Localizando objetos fixos...

Status: Sincronizado

A TV/Objeto foi detectado como âncora visual.