.boarding-viewer {
  width: min(100% - 1rem, 64rem);
  max-height: calc(100svh - 1rem);
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--ink);
  background: var(--paper);
}

.boarding-viewer::backdrop { background: rgba(28, 35, 33, 0.65); }
.boarding-viewer__bar,
.boarding-viewer__navigation { display: flex; align-items: center; gap: 0.75rem; }
.boarding-viewer__bar { justify-content: space-between; margin-bottom: 0.75rem; }
.boarding-viewer__bar strong { display: block; font-size: 1rem; font-weight: 600; }
#boarding-count { font-size: 0.875rem; color: var(--muted); }
.boarding-viewer__navigation { margin-bottom: 0.75rem; }
.boarding-viewer select {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 0.5rem;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--surface);
  font: inherit;
}
.boarding-viewer button:disabled { opacity: 0.35; cursor: default; }
.boarding-viewer__file { max-height: 65svh; overflow: auto; background: transparent; }
.boarding-viewer__file img { display: block; width: 100%; height: auto; object-fit: contain; }
.boarding-viewer__file iframe { display: block; width: 100%; height: 65svh; border: 0; }