.qr-reader-panel{min-width:0;margin:1.25rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid #cddbd8;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(21,68,63,.07)}
.qr-reader-drop{border:2px dashed #b6cfca;background:#fbfefd}.qr-reader-drop.is-dragging{border-color:#146b63;background:#effaf8}.qr-reader-drop label{display:block;font-size:1.18rem;font-weight:800;color:#173f3b}.qr-reader-drop input{display:block;max-width:100%;width:100%;margin:.7rem 0;padding:.75rem;border:1px solid #83a39d;border-radius:.6rem;background:#fff}.qr-reader-drop input:focus-visible,.qr-reader-actions button:focus-visible,.qr-reader-secret button:focus-visible,.qr-reader-panel summary:focus-visible{outline:3px solid #f0a83b;outline-offset:2px}
.qr-reader-privacy{padding:.85rem 1rem;border-left:4px solid #146b63;background:#eef7f5}.qr-reader-help{color:#536b67;font-size:.92rem}.qr-reader-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.qr-reader-error{min-height:1.5em;color:#a31c1c;font-weight:700;overflow-wrap:anywhere}.qr-reader-status{min-height:1.5em;color:#146b63;font-weight:700}.qr-reader-preview-panel img{display:block;max-width:100%;max-height:28rem;object-fit:contain}.qr-reader-preview-panel img[hidden]{display:none}.qr-reader-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.qr-reader-fields>div{min-width:0;margin:0;padding:.8rem;border-radius:.75rem;background:#eef7f5}.qr-reader-fields dt{font-size:.86rem;color:#536b67}.qr-reader-fields dd{margin:.2rem 0 0;font-weight:750;overflow-wrap:anywhere;word-break:break-word}.qr-reader-secret{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.qr-reader-secret span{overflow-wrap:anywhere}.qr-reader-warnings{padding-left:1.4rem;color:#694412}.qr-reader-warnings li{margin:.4rem 0;overflow-wrap:anywhere}.qr-reader-raw{max-height:16rem;margin:.5rem 0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:1rem;border:1px solid #cddbd8;border-radius:.6rem;background:#f8fbfa;font-size:.92rem}
@media(max-width:640px){.qr-reader-panel{padding:.9rem;border-radius:.75rem}.qr-reader-fields{grid-template-columns:1fr}.qr-reader-actions .button{width:100%}}