.pilot-scanner {
  box-sizing: border-box;
  width: min(34rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  overflow: auto;
  padding: 1.2rem;
  border: 1px solid #b4c8cb;
  border-radius: .9rem;
  background: #fff;
  color: #143139;
}

.pilot-scanner::backdrop { background: rgb(11 31 36 / 65%); }
.pilot-scanner h2 { margin: 0 0 .6rem; font-size: 1.2rem; }
.pilot-scanner-guide { margin: 0 0 .6rem; line-height: 1.6; }
.pilot-scanner-status { margin: .6rem 0; color: #734505; font-weight: 600; }
.pilot-scanner-status:empty { display: none; }
.pilot-scanner [hidden] { display: none; }

.pilot-scanner video {
  width: 100%;
  max-height: 44vh;
  object-fit: contain;
  background: #142d32;
  border-radius: .55rem;
}

.pilot-scanner-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.pilot-scanner-actions button { min-height: 44px; white-space: normal; }
.pilot-scanner-actions [data-action="close"] { grid-column: 1 / -1; }