.al-flipbook-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(10,14,20,0.94); }
.al-flipbook-modal-body { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 50px 20px 100px; overflow: hidden; box-sizing: border-box; }
.al-flipbook-close { position: fixed; top: 14px; right: 22px; z-index: 100001; background: none; border: none; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
.al-flipbook-book { margin: 0 auto; max-width: 100%; max-height: 100%; transform-origin: center center; transition: transform 0.15s ease-out; }
.al-flipbook-book .page { background: #fff; overflow: hidden; }
.al-flipbook-book .page img { width: 100%; height: 100%; display: block; object-fit: contain; }
.al-flipbook-loading { display: flex; align-items: center; justify-content: center; height: 100%; background: #eef0f4; }
.al-flipbook-placeholder { color: #fff; text-align: center; }
.al-flipbook-controls { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 100001; display: flex; align-items: center; gap: 8px; background: #0f1620; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 4px 16px rgba(0,0,0,0.5); padding: 8px 12px; border-radius: 30px; }
.al-flipbook-ctrl-btn { background: rgba(255,255,255,0.16); border: none; color: #fff; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.al-flipbook-ctrl-btn:hover:not(:disabled) { background: rgba(255,255,255,0.32); }
.al-flipbook-ctrl-btn:disabled { opacity: 0.3; cursor: default; }
.al-flipbook-zoom-label { color: #fff; font-size: 13px; min-width: 40px; text-align: center; user-select: none; }
.al-flipbook-pan-overlay { position: absolute; inset: 0; z-index: 5; cursor: grab; display: none; }