.flipbook-wrapper{box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;gap:14px;height:100dvh;padding:12px;display:flex;overflow:hidden}.stage{touch-action:none;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.stage.zoomed{cursor:grab}.stage.zoomed:active{cursor:grabbing}.stage-inner{width:100%;height:100%;transition:transform .25s}.stage.zoomed .stage-inner{pointer-events:none}.book{margin:0 auto}.stage .stf__parent{min-width:0!important;min-height:0!important}.page{background:#fff;overflow:hidden;box-shadow:0 2px 14px #00000073}.page img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.stage.two-up .page.--left:after,.stage.two-up .page.--right:after{content:"";pointer-events:none;position:absolute;inset:0}.stage.two-up .page.--left:after{background:linear-gradient(90deg,#0000 93%,#0003)}.stage.two-up .page.--right:after{background:linear-gradient(270deg,#0000 93%,#0003)}.controls{flex:none;align-items:center;gap:12px;display:flex}.nav-group{background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.controls button{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.controls button:hover:not(:disabled){background:#a03025}.controls button:focus-visible{outline-offset:2px;outline:3px solid #e8a097}.controls button:disabled{opacity:.4;cursor:not-allowed}.page-counter{color:#000;font-variant-numeric:tabular-nums;text-align:center;background:#0000000f;border-radius:9999px;min-width:96px;padding:6px 14px;font-weight:600}@media (prefers-reduced-motion:reduce){.stage-inner{transition:none}}html,body,#root{height:100%;margin:0;padding:0}body{background:#fff;font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}