/* Keep document originals separate from lightweight page previews. */
a.docCard { display: block; color: inherit; text-decoration: none; }
a.docCard:focus-visible { outline: 3px solid #5fffd6; outline-offset: 4px; }
.lbTop { left: 10px; display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.lbOriginal, .lbRetry {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(7,17,30,.94);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  cursor: pointer;
  font: 700 13px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.lbStage { padding: 64px 16px 58px; }
.lbStatus {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #fff;
  background: rgba(7,17,30,.94);
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  pointer-events: none;
}
.lbStatus:empty { display: none; }
.lbRetry { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); }
.lbRetry[hidden] { display: none; }
.lbPanel :is(a,button):focus-visible { outline: 3px solid #5fffd6; outline-offset: 2px; }
@media (max-width: 520px) {
  .lbPanel { height: 92vh; height: 92dvh; }
  .lbStage { padding: 72px 8px 70px; }
  .lbTop { gap: 6px; }
  .lbOriginal, .lbClose { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .docImg { transition: none; }
}