.album-flipbook-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem 0;position:relative;z-index:1}.album-flipbook-container .album-header{margin-bottom:3rem;padding:0 1rem;text-align:center}.album-flipbook-container .album-header .album-title{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase}.album-flipbook-container .page-flip-wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:0 1rem}.album-flipbook-container .album-flipbook{border-radius:0;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden}.album-flipbook-container .page{color:#333;height:100%;overflow:hidden;width:100%}.album-flipbook-container .page,.album-flipbook-container .page-cover,.album-flipbook-container .page[data-density=hard]{background-color:#fff;border:1px solid #ddd}.album-flipbook-container .page-double{height:100%;width:100%}.album-flipbook-container .page-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.album-flipbook-container .page-image{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.album-flipbook-container .control-btn{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.album-flipbook-container .control-btn:hover:not(:disabled){background:#5a6fd8;box-shadow:0 6px 20px rgba(102,126,234,.3);transform:translateY(-2px)}.album-flipbook-container .control-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.album-flipbook-container .page-info{color:#2c3e50;font-size:1.1rem;font-weight:600;min-width:100px;text-align:center}.album-flipbook-container .thumbnails-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:100%;padding:1rem}.album-flipbook-container .thumbnail{background:#fff;border:3px solid transparent;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.album-flipbook-container .thumbnail:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-3px)}.album-flipbook-container .thumbnail.active{border-color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,.4)}.album-flipbook-container .thumbnail-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.album-flipbook-container .album-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.album-flipbook-container .album-loading .spinner{animation:spin 1s linear infinite;border:3px solid hsla(208,7%,46%,.3);border-radius:50%;border-top-color:#6c757d;height:3rem;margin-bottom:1rem;width:3rem}.album-flipbook-container .album-loading p{font-size:1.1rem;font-weight:500;margin:0}.album-flipbook-container .album-error{align-items:center;color:#721c24;display:flex;font-size:1.1rem;justify-content:center;min-height:50vh;padding:2rem}@media (max-width:991.98px){.album-flipbook-container .flipbook-container{height:600px;width:600px}}@media (max-width:767.98px){.album-flipbook-container .flipbook-container{height:400px;width:400px}.album-flipbook-container .flipbook-controls{flex-direction:column;gap:1rem;padding:1rem}.album-flipbook-container .control-btn{min-width:100px;padding:.5rem 1rem}.album-flipbook-container .thumbnails-container{gap:.5rem}.album-flipbook-container .thumbnail{height:60px;width:60px}}@media (max-width:575.98px){.album-flipbook-container{padding:1rem 0}.album-flipbook-container .album-header{margin-bottom:2rem}.album-flipbook-container .album-header .album-title{font-size:2rem;letter-spacing:1px}.album-flipbook-container .flipbook-container{height:300px;width:300px}.album-flipbook-container .custom-flipbook-wrapper{padding:0 .5rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.album-flipbook-container .page-container{transition:transform .5s cubic-bezier(.4,0,.2,1)}.album-flipbook-container .page-container.current-page{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

/*# sourceMappingURL=album.css.map*/