.pdf-translation {
  --pt-paper: var(--tm-paper, var(--vw-surface, #fffdf8));
  --pt-ink: var(--tm-paper-ink, var(--vw-ink, #282721));
  --pt-muted: var(--tm-paper-ink-2, var(--vw-ink-soft, #69675e));
  --pt-line: var(--tm-paper-hairline, var(--vw-line, #d9d6cc));
  color: var(--pt-ink);
  background: var(--pt-paper);
  border: 1px solid var(--pt-line);
  border-radius: 8px;
  padding: 12px;
  margin: 12px 8px;
  font: 13px/1.6 system-ui, sans-serif;
  overflow-wrap: anywhere;
}
.pdf-translation header, .pdf-translation footer { display: flex; align-items: center; gap: 8px; }
.pdf-translation header b { flex: 1; font-size: 13px; }
.pdf-translation button {
  font: inherit; color: inherit; background: transparent; cursor: pointer;
  border: 1px solid var(--pt-line); border-radius: 4px; padding: 2px 8px;
}
.pdf-translation header button { border: 0; font-size: 18px; padding: 0 4px; }
.pdf-translation button:focus-visible, .pdf-translation summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.pdf-translation-meta, .pdf-translation-status { color: var(--pt-muted); font-size: 11px; }
.pdf-translation details { margin: 10px 0; }
.pdf-translation summary { cursor: pointer; }
.pdf-translation p, .pdf-translation-text { white-space: pre-wrap; margin: 6px 0; max-height: 28vh; overflow-y: auto; }
.pdf-translation footer { margin-top: 8px; }
.pdf-translation [hidden] { display: none !important; }
.pdf-translation-status:empty, .pdf-translation-text:empty { display: none; }
.pdf-translation--reader {
  position: fixed; right: 12px; bottom: 12px; width: min(360px, calc(100vw - 48px));
  max-height: 70vh; overflow-y: auto; z-index: 100; box-shadow: 0 4px 24px #0003;
}