.modal.scan-modal{max-width:520px}.scan-modal .modal-body{flex-direction:column;gap:10px;padding:10px 14px 14px;display:flex}.scan-modal .modal-head,.scan-modal .modal-foot{padding:10px 14px}.scan-tools{align-items:center;gap:4px;min-height:30px;display:flex}.scan-mode{align-items:center;gap:6px;display:inline-flex}.scan-tools .btn-icon svg{width:18px;height:18px}.scan-view{aspect-ratio:4/3;background:#000;border-radius:10px;width:100%;max-height:50vh;position:relative;overflow:hidden}.scan-view video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scan-frame{pointer-events:none;border:2px solid #ffffffd9;border-radius:12px;position:absolute;inset:20% 10%;box-shadow:0 0 0 9999px #00000052}.scan-line{background:#ff4d3d;height:2px;animation:1.8s ease-in-out infinite alternate scan-sweep;position:absolute;top:50%;left:6%;right:6%;box-shadow:0 0 10px #ff4d3d}@keyframes scan-sweep{0%{top:12%}to{top:88%}}@media (prefers-reduced-motion:reduce){.scan-line{animation:none}}.scan-busy{color:#fff;white-space:nowrap;background:#0000009e;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.scan-busy .spinner{border-color:#fff #ffffff59 #ffffff59;width:14px;height:14px}.scan-photo{flex-direction:column;gap:8px;display:flex}.scan-photo-btn{border:2px dashed var(--primary);background:var(--primary-soft);width:100%;min-height:168px;color:var(--primary-text);font:inherit;cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 16px;display:flex}.scan-photo-btn:disabled{opacity:.8;cursor:progress}.scan-photo-btn>svg{width:40px;height:40px}.scan-photo-btn b{font-size:16px}.scan-photo-btn small{color:var(--text-2);max-width:340px;line-height:1.35}.scan-photo-more{justify-content:center}.scan-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.scan-note{color:var(--blue);background:var(--blue-soft);border-radius:8px;align-items:flex-start;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.scan-note svg{flex:none;margin-top:1px}.scan-note.error{color:var(--red);background:var(--red-soft)}.scan-hint{line-height:1.35}.scan-status{border-radius:9px;align-items:flex-start;gap:9px;padding:9px 11px;font-size:14px;font-weight:550;line-height:1.35;display:flex}.scan-status svg{flex:none;margin-top:1px}.scan-status.success{background:var(--green-soft);color:var(--green)}.scan-status.warn{background:var(--amber-soft);color:var(--amber)}.scan-status.error{background:var(--red-soft);color:var(--red)}.scan-status.info{background:var(--blue-soft);color:var(--blue)}.scan-code{font-family:var(--mono);opacity:.85;overflow-wrap:anywhere;margin-top:2px;font-size:11.5px;font-weight:400}.scan-type{gap:6px;display:flex}.scan-type .input{flex:1;min-width:0;height:40px;font-size:15px}.scan-type .btn{height:40px}.scan-identify{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.scan-history{flex-direction:column;gap:3px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.scan-history li{color:var(--text-2);align-items:center;gap:6px;min-width:0;display:flex}.scan-history li svg{flex:none}.scan-history li.success svg{color:var(--green)}.scan-history li.warn svg{color:var(--amber)}.scan-history li.error svg{color:var(--red)}.scan-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.scan-panel .row{gap:6px}@media (width<=640px){.modal-backdrop:has(>.modal.scan-modal){padding:0}.modal.scan-modal{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.scan-modal .modal-body{flex:1}.scan-view{max-height:46vh}}.scan-btn,.topbar .scan-topbar{flex:none}@media (width<=960px){.topbar .scan-topbar{width:40px;height:40px}.topbar .scan-topbar svg{width:22px;height:22px}}