body{font-family:system-ui,sans-serif;margin:0;padding:2rem}main{display:grid;gap:1rem;max-width:480px}form{display:grid;gap:.75rem}label{display:grid;gap:.5rem;font-weight:600}input{padding:.5rem;border:1px solid #d0d0d0;border-radius:6px}button{padding:.6rem 1rem;border:none;border-radius:6px;background:#1f6feb;color:#fff;font-weight:600}.scan-page{display:grid;gap:1.5rem}.scan-header{display:grid;gap:.4rem}.scan-status{margin:0;color:#4b5563;font-size:.95rem}.scan-pill{align-self:flex-start;padding:.25rem .6rem;border-radius:999px;background:#eef3ff;color:#1f3a74;font-size:.8rem;font-weight:600}.scan-error{color:#b91c1c;font-size:.85rem}.scan-reader{position:relative;min-height:260px;border:1px solid #d0d0d0;border-radius:12px;overflow:hidden;background:#f9fafb;display:grid;place-items:center}.scan-reader video{width:100%;height:auto}.scan-placeholder{position:absolute;margin:0;padding:.5rem .75rem;background:#ffffffd9;border-radius:6px;font-size:.85rem;color:#374151}.scan-results{display:grid;gap:.5rem}.scan-results ul{margin:0;padding-left:1.2rem;color:#1f2937}.scan-controls{display:grid;gap:.75rem}.scan-warning{margin:0;font-size:.85rem;color:#b45309}