.gbnz-flipbook{width:var(--gbnz-width);max-width:100%;background:var(--gbnz-bg);color:#fff;position:relative;box-sizing:border-box;overflow:hidden;font-family:Arial,sans-serif}.gbnz-flipbook *{box-sizing:border-box}.gbnz-stage{height:var(--gbnz-height);min-height:320px;display:flex;align-items:center;justify-content:center;padding:24px 34px;position:relative;perspective:2200px}.gbnz-book{position:relative;width:min(100%,calc(var(--gbnz-height)*1.48));aspect-ratio:1.414 / 1;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));perspective:2200px}.gbnz-spread{display:flex;width:100%;height:100%;background:transparent}.gbnz-page{height:100%;width:50%;overflow:hidden;background:white;display:flex;align-items:center;justify-content:center;position:relative}.gbnz-left{box-shadow:inset -10px 0 14px -13px #000}.gbnz-right{box-shadow:inset 10px 0 14px -13px #000}.gbnz-page canvas,.gbnz-flip-layer canvas{display:block;width:100%;height:100%;object-fit:contain}.gbnz-page.blank{background:transparent;box-shadow:none}.gbnz-flip-layer{display:none;position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:3;pointer-events:none}.gbnz-flip-front,.gbnz-flip-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff;box-shadow:inset 12px 0 15px -13px #000}.gbnz-flip-back{transform:rotateY(180deg)}.gbnz-flip-layer.forward{display:block;animation:gbnz-turn-forward 650ms ease-in-out forwards}.gbnz-flip-layer.backward{display:block;left:0;transform-origin:right center;animation:gbnz-turn-backward 650ms ease-in-out forwards}@keyframes gbnz-turn-forward{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}@keyframes gbnz-turn-backward{0%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}.gbnz-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141824db;color:#fff;padding:12px 22px;border-radius:8px;text-align:center;z-index:8}.gbnz-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px;flex-wrap:wrap;background:rgba(0,0,0,.2)}.gbnz-controls button,.gbnz-controls a{appearance:none;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:8px 13px;font-size:15px;min-height:38px;cursor:pointer;text-decoration:none;line-height:20px}.gbnz-controls button:hover,.gbnz-controls a:hover{background:rgba(255,255,255,.26);color:#fff}.gbnz-controls button:disabled{opacity:.3;cursor:default}.gbnz-counter{min-width:105px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.gbnz-flipbook:fullscreen{width:100%!important;max-width:none;display:flex;flex-direction:column}.gbnz-flipbook:fullscreen .gbnz-stage{height:auto;min-height:0;flex:1}.gbnz-flipbook:fullscreen .gbnz-book{width:min(95vw,calc((100vh - 100px)*1.414));max-height:calc(100vh - 100px)}@media(max-width:700px){.gbnz-stage{height:auto;min-height:0;padding:20px 8px}.gbnz-book{width:100%;aspect-ratio:1.414 / 1}.gbnz-controls{gap:6px}.gbnz-controls button,.gbnz-controls a{padding:7px 9px;font-size:13px}.gbnz-counter{min-width:78px}}
/* Responsive single-page book */
.gbnz-flipbook{margin-left:auto;margin-right:auto;min-width:0}
.gbnz-stage{max-width:100%;overflow:hidden}
.gbnz-flipbook.gbnz-mobile .gbnz-stage{height:auto;min-height:0;padding:12px 8px}
.gbnz-flipbook.gbnz-mobile .gbnz-book{width:min(100%,520px);aspect-ratio:0.707/1;max-height:78svh}
.gbnz-flipbook.gbnz-mobile .gbnz-page{width:100%;height:100%}
.gbnz-flipbook.gbnz-mobile .gbnz-right{display:none}
.gbnz-flipbook.gbnz-mobile .gbnz-flip-layer{left:0;width:100%;transform-origin:left center}
.gbnz-flipbook.gbnz-mobile .gbnz-flip-layer.backward{left:0;transform-origin:right center}
.gbnz-flipbook.gbnz-mobile .gbnz-controls{gap:5px;padding:9px 5px}
.gbnz-flipbook.gbnz-mobile .gbnz-controls button,.gbnz-flipbook.gbnz-mobile .gbnz-controls a{font-size:12px;padding:7px 8px;min-height:36px}
.gbnz-flipbook.gbnz-mobile .gbnz-counter{min-width:56px}
.gbnz-flipbook:fullscreen{height:100dvh}
.gbnz-flipbook.gbnz-mobile:fullscreen .gbnz-stage{height:auto;flex:1;min-height:0}
.gbnz-flipbook.gbnz-mobile:fullscreen .gbnz-book{width:auto;max-width:100%;height:min(78dvh,calc(100vw * 1.414));max-height:100%;aspect-ratio:0.707/1}
.gbnz-fallback-stage{height:auto!important;min-height:400px!important}
.gbnz-fallback{width:100%;max-width:100%;color:white;text-align:center}
.gbnz-fallback p{font-size:14px;margin:10px 0}
.gbnz-fallback iframe{display:block;width:100%;height:min(75vh,760px);min-height:360px;background:#fff;border:0;border-radius:3px}
.gbnz-fallback a{display:inline-block;color:#fff;text-decoration:underline;margin:12px}
/* v1.2: dynamically fit actual cropped page proportions */
.gbnz-stage{padding:18px 22px}
.gbnz-book{aspect-ratio:auto!important;max-width:100%;max-height:100%;flex:none}
.gbnz-page canvas,.gbnz-flip-layer canvas{object-fit:fill}
.gbnz-flipbook.gbnz-mobile .gbnz-book{aspect-ratio:auto!important;max-height:none}
.gbnz-flipbook:fullscreen .gbnz-book,.gbnz-flipbook.gbnz-mobile:fullscreen .gbnz-book{max-width:100%;max-height:100%;aspect-ratio:auto!important}