.flipbook-viewport {
    width: 100%;
    flex: 1;
    min-height: 0;
    position: relative;
    background: var(--color-bg);
    overflow: hidden;
}

#flipbook {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}

.page-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}