.qr-floating{position:fixed;right:16px;bottom:16px;z-index:9999;font-size:14px;color:#111}.qr-panel{box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:12px;background:#fff;border:1px solid #e5e7eb;overflow:hidden}.qr-summary{cursor:pointer;list-style:none;padding:.5rem .75rem;background:#f9fafb;color:#111;font-weight:600}.qr-summary::-webkit-details-marker{display:none}.qr-codes{display:flex;gap:.75rem;padding:.75rem}.qr-item{margin:0;text-align:center}.qr-item img{display:block;border-radius:8px;border:1px solid #efefef;background:#fff}.qr-caption{margin-top:.25rem;font-size:.85rem;color:#374151}.qr-note{margin:.25rem .75rem .75rem;color:#4b5563;font-size:.85rem}@media(min-width:768px){.qr-codes{gap:.75rem}.qr-item img{width:144px;height:144px}}@media(max-width:767.98px){.qr-codes{flex-direction:column;align-items:center}.qr-item img{width:128px;height:128px}.qr-floating{right:12px;bottom:12px}}@supports(padding:max(0px)){.qr-floating{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}@media print{.qr-floating{display:none}}