.scanner-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:18px;align-items:start}.scanner-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.scanner-heading h2{font-size:1.45rem;margin:4px 0}.scanner-heading p,.manual-scan p{color:var(--muted)}.camera-badge{display:grid;place-items:center;min-width:52px;height:52px;border-radius:14px;background:#e3f8f4;color:#087c65;font-weight:900}.camera-stage{position:relative;min-height:420px;background:#07131f;border-radius:14px;overflow:hidden;display:grid;place-items:center;margin:18px 0}.camera-stage video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:none}.camera-stage.active video{display:block}.camera-placeholder{color:#c8d7e3;text-align:center;display:flex;flex-direction:column;gap:8px}.camera-placeholder>span{font-size:4rem;color:#50d5c7}.camera-placeholder small{color:#8397a8}.scan-frame{position:absolute;width:min(58vw,260px);aspect-ratio:1;display:none}.camera-stage.active .scan-frame{display:block}.scan-frame i{position:absolute;width:35px;height:35px;border-color:#63eadb;border-style:solid}.scan-frame i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px}.scan-frame i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0}.scan-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px}.scan-frame i:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0}.scan-frame span{position:absolute;left:5%;right:5%;height:2px;background:#63eadb;box-shadow:0 0 12px #63eadb;animation:scanline 2s ease-in-out infinite}@keyframes scanline{0%,100%{top:8%}50%{top:90%}}.camera-stage.detected{box-shadow:0 0 0 4px #20a39e}.camera-status{padding:10px 13px;background:#edf3f8;border-radius:8px;color:var(--muted);font-size:.9rem}.camera-status.active{background:#e9f2ff;color:#1f5ea8}.camera-status.success{background:#dcf6ef;color:#087c65}.camera-status.warning{background:#fff5d8;color:#805d00}.camera-status.danger{background:#ffe5e0;color:#a83222}.scanner-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.file-scan{position:relative;overflow:hidden}.file-scan input{position:absolute;width:1px;height:1px;opacity:0}.secure-note{background:#fff7df;border:1px solid #f3d99a;padding:12px;border-radius:9px;margin:12px 0 0;font-size:.86rem}.scanner-side{display:flex;flex-direction:column;gap:18px}.manual-scan form{display:flex;gap:8px}.manual-scan input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 12px}.manual-scan .scan-result{margin:14px 0 0;justify-content:space-between;text-align:left}.scan-result div span{display:block;color:var(--muted);font-size:.82rem}.live-feed{margin:0;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px}.live-feed h3{margin:3px 0}.live-feed>span{font-size:.85rem;color:var(--muted);text-align:right}.phone-help ol{padding-left:20px;margin-bottom:0;color:var(--muted)}.phone-help li{margin:8px 0}@media(max-width:950px){.scanner-layout{grid-template-columns:1fr}.camera-stage{min-height:min(72vh,520px)}}@media(max-width:560px){.mobile-scanner,.manual-scan{padding:16px}.camera-stage{min-height:62vh;margin-left:-16px;margin-right:-16px;border-radius:0}.scanner-actions>*{flex:1}.manual-scan form{flex-direction:column}.live-feed{flex-direction:column;align-items:flex-start}.live-feed>span{text-align:left}}