/* The image converter (/webp-to-png), on jpgpdf.css's sheet: the same drop tile and choices. The well lists each image
   as a row: the new file's picture, its name, what it was and is now, where it posts, Download and remove. */
.convert .stage { display: block; min-height: 360px; padding: 32px; }
.has-photos.convert .stage .empty { display: none; }
.cv-list { margin: 0; padding: 0; list-style: none; }
.cv-list:empty { display: none; }
.cv-list .cv-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--border); }
.cv-list .cv-row:first-child { padding-top: 0; }
.cv-list .cv-row:last-child { border-bottom: 0; padding-bottom: 0; }
.cv-list img { width: 72px; height: 72px; object-fit: contain; border-radius: 6px; background: repeating-conic-gradient(#ece6dc 0% 25%, #fff 0% 50%) 0 0 / 12px 12px; box-shadow: 0 0 0 .5px var(--border); }
.cv-words { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 15px; line-height: 1.4; color: var(--muted-foreground); }
.cv-words b { color: var(--foreground); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-where { color: var(--foreground); font-weight: 400; }
.cv-acts { display: flex; align-items: center; gap: 4px; }
.cv-acts a { padding: 6px 10px; border-radius: 8px; font-size: 15px; font-weight: 600; color: var(--foreground); text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) { .cv-acts a:hover { background: var(--background); } }
.cv-acts .cv-remove { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; font-size: 20px; line-height: 1; color: var(--foreground); cursor: pointer; }
@media (hover: hover) { .cv-acts .cv-remove:hover { background: var(--background); } }
.cv-acts .cv-remove:focus-visible { outline: 2px solid var(--foreground); outline-offset: 0; }
.convert .field[hidden] { display: none; }
@media (max-width: 759px) {
  .convert .stage { min-height: 200px; padding: 20px; }
  .cv-list .cv-row { grid-template-columns: 56px minmax(0, 1fr); }
  .cv-list img { width: 56px; height: 56px; }
  .cv-acts { grid-column: 1 / -1; justify-content: space-between; }
}