.flipbook-wrapper{flex-direction:column;align-items:center;padding:1rem;box-sizing:border-box}.controls,.flipbook-wrapper{display:flex;justify-content:center;width:100%}.controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.controls button{flex:1 1 45%;max-width:140px;font-size:.85rem;padding:.5rem .7rem}.flipbook-container{align-items:center;overflow:hidden;width:100%;max-width:100%}.flipbook-container,.spread{display:flex;justify-content:center}.spread{flex-wrap:wrap;gap:.5rem}.book,.spread{transition:transform .3s ease}.book{position:relative;width:350px;height:500px;perspective:2000px;transform-origin:center top}.page{background:#fff;box-shadow:0 0 8px rgba(0,0,0,.3);transform-origin:left center;transition:transform .8s ease}.page,.page-back,.page-front{position:absolute;width:100%;height:100%}.page-back,.page-front{backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.page-front img{width:100%;height:100%;object-fit:contain}.page-back{background:#f0f0f0;transform:rotateY(180deg);font-size:.9rem;color:#444}.page.flipped{transform:rotateY(-180deg)}.page-spread img{width:100%;height:auto;max-width:90vw;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.2);object-fit:contain}@media (min-width:768px){.controls button{flex:unset;max-width:unset;font-size:1rem}.page-spread img{max-width:45vw;max-height:80vh}}
/*# sourceMappingURL=266fdab9e20ef44c.css.map*/