.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;max-width:280px}.qr-summary{cursor:pointer;list-style:none;padding:.5rem .75rem;background:#f9fafb;color:#111;font-weight:600;user-select:none}.qr-summary::-webkit-details-marker{display:none}.qr-tabs{display:flex;gap:0;border-bottom:1px solid #e5e7eb;background:#f9fafb}.qr-tab{flex:1;padding:.6rem .5rem;border:none;background:0 0;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.35rem;border-bottom:2px solid transparent}.qr-tab:hover{background:#f3f4f6;color:#374151}.qr-tab.active{color:#10b981;border-bottom-color:#10b981;background:#fff}.qr-tab svg{flex-shrink:0}.qr-display{position:relative;min-height:240px;padding:.75rem;background:#fff}.qr-item{margin:0;text-align:center;position:absolute;top:.75rem;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.qr-item.active{opacity:1;visibility:visible;position:relative;top:0;left:0;transform:none}.qr-item img{display:block;margin:0 auto;border-radius:8px;border:1px solid #efefef;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,8%)}.qr-caption{margin-top:.5rem;font-size:.85rem;color:#374151;font-weight:500}@media(min-width:768px){.qr-item img{width:200px;height:200px}}@media(max-width:767.98px){.qr-item img{width:180px;height:180px}.qr-floating{right:12px;bottom:12px}.qr-panel{max-width:240px}.qr-display{min-height:220px}.qr-tab{font-size:.8rem;padding:.5rem .4rem;gap:.25rem}.qr-tab svg{width:16px;height:16px}}@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}}