/*
  dicode.ai — Comprimir imagem (/comprimir-imagem): opções e lista do resultado.
  Só os tokens do design system (dicode.css): cantos retos, sem sombra nem gradiente, linhas de
  1px, rótulos e números em Fragment Mono, laranja sempre com texto preto, alvos de 44 px.
  As linhas .resultado-falha são as mesmas nas 4 páginas de imagem (comprimir, redimensionar,
  converter e remover-metadados-foto): mude as quatro juntas.
*/
/* O que está escondido (hidden) fica escondido, mesmo com display de grade ou flex nas classes */
#ferramenta [hidden] { display: none !important; }
.comprimir-alvo { display: grid; gap: 16px; }
.comprimir-kb { max-width: 260px; font-family: var(--fonte-mono); }
.comprimir-atalhos { display: flex; flex-wrap: wrap; gap: 8px; }
.comprimir-atalhos .botao { min-height: 44px; }
.comprimir-opcao { min-height: 44px; line-height: 1.4; }
.comprimir-campo { max-width: 560px; }

/* Imagem que não entrou, na lista "um por um" do resultado */
.resultado-falha { color: var(--preto); }
.resultado-falha-nome { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; text-decoration: line-through; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.resultado-falha-nome::before { content: ''; flex: none; width: 7px; height: 7px; background: var(--laranja); }
.resultado-falha .rotulo { flex: 1 1 260px; padding-bottom: 8px; color: var(--preto); }