.scanner-panel{ max-width:420px; margin:0 auto; text-align:center; }
.scanner-viewport{
  position:relative; width:100%; aspect-ratio:4/3; background:#000;
  border-radius:8px; overflow:hidden; margin-bottom:14px;
}
.scanner-video{ width:100%; height:100%; object-fit:contain; display:block; }
.scanner-guide{
  position:absolute; top:7%; left:50%; height:86%; aspect-ratio:5/7;
  transform:translateX(-50%);
  border:2px solid rgba(255,255,255,0.9); border-radius:10px;
  box-shadow:0 0 0 999px rgba(0,0,0,0.35); pointer-events:none;
}
.scanner-guide::before{
  content:"whole card"; position:absolute; inset:auto -12px -25px;
  color:rgba(255,255,255,.86); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; text-align:center;
}
.scanner-index-guide{
  position:absolute; left:0; top:0; width:24%; height:30%;
  border-right:1px dashed rgba(255,255,255,.55);
  border-bottom:1px dashed rgba(255,255,255,.55);
  border-bottom-right-radius:5px;
}
.scanner-hint{ font-size:13px; line-height:1.5; opacity:.78; margin-bottom:14px; }
.scanner-btn{
  font-family:var(--ui-sans, 'Inter', -apple-system, sans-serif); font-size:15px; padding:12px 28px; border:none;
  border-radius:4px; cursor:pointer; background:var(--gold, #c9a24d);
  color:#121012; font-weight:600;
}
.scanner-btn:disabled{ opacity:.5; cursor:default; }
.scanner-status{ margin-top:12px; font-size:14px; min-height:20px; }
.scanner-status--error{ color:#e08a8a; }
.scanner-status--success{ color:var(--gold-soft, #ddc084); }
.scanner-privacy{
  max-width:340px; margin:10px auto 0; font-size:11px; line-height:1.45;
  opacity:.56;
}

.scanner-reading{ display:none; margin-top:20px; text-align:left; }
.scanner-reading.show{ display:block; }
.scanner-card-shown{ text-align:center; margin-bottom:18px; }
.scanner-card-shown img{
  width:120px; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,0.4); margin-bottom:8px;
}
.scanner-card-label{ font-size:15px; opacity:.85; }
.scanner-reading h2{ font-size:18px; margin:0 0 12px; text-align:center; }
.scanner-reading p{ font-size:15px; line-height:1.7; margin:0 0 14px; }
.scanner-loading-line{ text-align:center; font-size:13px; opacity:.7; padding:20px 0; }
.scanner-again{ display:block; margin:22px auto 0; }