.scanner-main{width:min(720px,calc(100% - 28px));margin:0 auto;padding:42px 0 120px}.scanner-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);text-align:center}.scanner-card h1{margin:16px auto 8px;color:var(--navy);font:700 clamp(1.8rem,6vw,3rem)/1.05 "Space Grotesk",sans-serif}.scanner-card>p{color:var(--muted);line-height:1.65}.camera-frame{position:relative;overflow:hidden;aspect-ratio:4/3;margin:24px 0;border-radius:22px;background:#071727}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:30px;color:#dcecff}.scan-guide{position:absolute;z-index:2;left:50%;top:50%;width:min(62%,300px);aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:22px;transform:translate(-50%,-50%);box-shadow:0 0 0 999px rgba(0,0,0,.2)}.scanner-actions{display:flex;justify-content:center;gap:12px}.scanner-actions button{padding:14px 20px}.manual-entry{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);text-align:left}.manual-entry label{display:block;margin-bottom:9px;font-weight:800}.scanner-status{min-height:24px;margin:16px 0 0!important;font-weight:700}.scanner-status.error{color:#a51d2d}.scanner-status.ok{color:#087a49}@media(max-width:520px){.scanner-card{padding:18px}.scanner-actions{flex-direction:column}.scanner-actions button{width:100%}}