/*
  dicode.ai — JPG para PDF (/jpg-para-pdf): miniatura e botões de girar de cada imagem da lista,
  e as opções da página. 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.
*/

/* ---------- Cada imagem da lista: miniatura (quadrada, gira inteira) e Girar ---------- */
.jpgpdf-item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.jpgpdf-item[hidden] { display: none; }
.jpgpdf-mini {
  flex: none;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  background: var(--branco);
  outline: 1px solid var(--linha);
  overflow: hidden;
}
.jpgpdf-mini img { display: block; max-width: 100%; max-height: 100%; }
.jpgpdf-mini img[hidden] { display: none; }
.jpgpdf-mini[data-giro="90"] img { transform: rotate(90deg); }
.jpgpdf-mini[data-giro="180"] img { transform: rotate(180deg); }
.jpgpdf-mini[data-giro="270"] img { transform: rotate(270deg); }
@media (prefers-reduced-motion: no-preference) { .jpgpdf-mini img { transition: transform .15s ease; } }
.jpgpdf-girar { display: flex; border: 1px solid var(--preto); background: var(--branco); }
.jpgpdf-girar > * + * { border-left: 1px solid var(--preto); }
.jpgpdf-giro { min-width: 0; }
.jpgpdf-heic { margin: 0; font-size: 15px; }
.jpgpdf-heic a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ---------- Opções ---------- */
.jpgpdf-privacidade { display: flex; gap: 10px; align-items: baseline; color: var(--preto); }
.jpgpdf-privacidade::before { content: ''; flex: none; width: 7px; height: 7px; background: var(--laranja); }
[data-jpgpdf="orientacao"][disabled] > legend { color: var(--cinza); }