/* dicode.ai — PSD para JPG (/psd-para-jpg): o visual é o comum das 3 páginas de formatos extras. */
/*
  dicode.ai — TIF, PSD e SVG para JPG: opções e lista do resultado (o build põe este arquivo dentro
  de tif-para-jpg.css, psd-para-jpg.css e svg-para-jpg.css). Só os tokens do design system
  (dicode.css): cantos retos, sem sombra nem gradiente, linhas de 1px, rótulos em Fragment Mono,
  alvos de toque de 44 px. As linhas .resultado-falha são as mesmas das páginas de imagem
  (converter-imagem.css).
*/
#ferramenta [hidden] { display: none !important; }
[data-fx="formato-dica"]:empty, [data-fx="fundo-dica"]:empty { display: none; }

.fx-largura { max-width: 260px; }
.fx-numero { font-variant-numeric: tabular-nums; }

.fx-cor { max-width: 260px; }
.fx-cor-entrada {
  width: 96px;
  height: 44px;
  padding: 4px;
  border: 1px solid var(--preto);
  border-radius: 0;
  background: var(--branco);
  cursor: pointer;
}
.fx-cor-entrada::-webkit-color-swatch-wrapper { padding: 0; }
.fx-cor-entrada::-webkit-color-swatch { border: 1px solid var(--linha); border-radius: 0; }
.fx-cor-entrada::-moz-color-swatch { border: 1px solid var(--linha); border-radius: 0; }
.fx-cor-entrada:focus-visible { outline: 2px solid var(--preto); outline-offset: 2px; }

/* Arquivo 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); }