/* The image tool (/anh/): on top of ../style.css */
.tool-link { color: var(--accent); text-decoration: none; font-weight: 600; }
.pick-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }
.pick-buttons .button { flex: 1 1 160px; text-align: center; }
.privacy { margin: 12px 0 0; font-size: .92rem; }
.status { margin: 12px 0 8px; font-weight: 600; }
#cancel { margin-top: 12px; }
.results { display: grid; gap: 16px; }
.result h3 { margin: 18px 0 8px; font-size: 1rem; }
.result-status:empty { display: none; }
.pairs { margin: 0; padding-left: 28px; }
.pairs li { margin: 0 0 12px; }
.pairs .en { margin: 0; color: var(--muted); font-size: .92rem; }
.pairs .vi { margin: 2px 0 0; }
.pairs .kept { margin: 2px 0 0; color: var(--muted); font-style: italic; }
.pairs .flags { margin: 2px 0 0; color: var(--warn); font-size: .88rem; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 12px 0 0; }
canvas.shot { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 8px; }
@media (max-width: 640px) {
  .pick-buttons .button { flex-basis: 100%; }
}