.viewer-header {
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.8) 0%, rgba(255, 183, 77, 0.8) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#book_image {
    width: 100% !important;
    height: 100% !important;
}

.df-container>.df-ui-next,
.df-container>.df-ui-prev {
    background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 765px) {
    .df-floating .df-ui-controls {
        bottom: unset;
    }

    .df-3dcanvas {
        position: relative;
    }
}