/* Modal styles */
.lpqr-noscroll { overflow: hidden; }
#lpqr-modal { position: fixed; inset: 0; z-index: 9999; }
#lpqr-modal .lpqr-modal-backdrop {
    position: absolute; inset:0; background: rgba(0,0,0,0.6);
}
#lpqr-modal .lpqr-modal-content {
    position: relative; margin: 4vh auto; background: #111; border-radius: 8px; 
    width: min(92vw, 1200px); height: min(88vh, 90vh); overflow: hidden; z-index: 1; box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
#lpqr-modal .lpqr-close {
    position:absolute; right:12px; top:8px; font-size: 28px; color:#fff; cursor: pointer; z-index:2;
}
#lpqr-flipbook-container { width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; }
#lpqr-book { width: 100%; height: 100%; }
.lpqr-page { width: 100%; height: 100%; }

/* Frontend block */
.lpqr-block { display:flex; gap: 16px; align-items:flex-start; flex-wrap: wrap; }
.lpqr-block .lpqr-label-thumb { max-width: 320px; height:auto; cursor: pointer; border:1px solid #eee; border-radius:6px; }
.lpqr-block .lpqr-qr img { max-width: 160px; height:auto; border:1px solid #eee; border-radius:6px; padding:6px; background:#fff; }