.pf-widget{width:100%;min-width:0}.pf-widget *{box-sizing:border-box}
.pf-preview{display:block;position:relative;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in;overflow:hidden;border-radius:6px;text-align:left;color:#fff}
.pf-preview-stage{display:flex;justify-content:center;align-items:center;position:relative;width:100%;aspect-ratio:16/9;background:#fff;overflow:hidden}
.pf-preview-book,.pf-book{position:relative;display:block;width:100%;aspect-ratio:16/9;min-width:0;background:#fff}
.pf-preview-book img,.pf-book img{object-fit:contain}
.pf-open-label{position:absolute;bottom:12px;right:12px;border-radius:5px;background:rgba(0,0,0,.74);color:#fff;padding:7px 10px;font:500 13px/1.2 sans-serif;z-index:5}
.pf-loading{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.85);padding:9px 12px;color:white;border-radius:4px;font:13px/1.4 sans-serif;z-index:8}
.pf-loading[hidden]{display:none}.pf-preview:disabled{cursor:progress}
.pf-preview:focus-visible,.pf-modal button:focus-visible{outline:3px solid #68b7ff;outline-offset:3px}
.pf-modal[hidden]{display:none!important}.pf-modal{position:fixed!important;inset:0;z-index:2147482000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:18px}
.pf-modal-shell{display:flex;flex-direction:column;width:min(1280px,100%);max-height:100%;gap:12px;color:#fff;min-width:0}
.pf-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;font:600 18px/1.3 sans-serif}.pf-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-close,.pf-prev,.pf-next{cursor:pointer;color:white;background:#343434;border:1px solid #777;border-radius:6px;font-family:sans-serif;line-height:1}.pf-close{font-size:32px;width:44px;height:44px}.pf-prev,.pf-next{font-size:36px;width:54px;height:42px}.pf-prev:disabled,.pf-next:disabled{opacity:.3;cursor:not-allowed}
.pf-book-stage{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;overflow:hidden}.pf-book{width:min(100%,calc((100dvh - 170px)*16/9));max-width:1800px;aspect-ratio:16/9;cursor:grab;touch-action:pan-y;user-select:none}
.pf-controls{display:flex;align-items:center;justify-content:center;gap:24px;font:500 15px/1.3 sans-serif}.pf-count{min-width:65px;text-align:center}.pf-modal-open{overflow:hidden!important}
.pf-slide,.pf-turn-under{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.pf-preview-book,.pf-book{overflow:hidden;background:#fff;perspective:1800px}
.pf-turn{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;perspective:1800px}
.pf-turn-still,.pf-turn-front,.pf-turn-back{position:absolute;top:0;width:50%;height:100%;background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden}
.pf-turn-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;box-shadow:0 0 12px rgba(0,0,0,.12)}
.pf-turn-front,.pf-turn-back{width:100%;background-size:200% 100%}
.pf-turn-back{transform:rotateY(180deg);filter:brightness(.83)}
.pf-turn-next .pf-turn-still{left:0;background-position:left center}
.pf-turn-next .pf-turn-leaf{right:0;transform-origin:left center}
.pf-turn-next .pf-turn-front{background-position:right center}
.pf-turn-next .pf-turn-back{background-position:left center}
.pf-turn-prev .pf-turn-still{right:0;background-position:right center}
.pf-turn-prev .pf-turn-leaf{left:0;transform-origin:right center}
.pf-turn-prev .pf-turn-front{background-position:left center}
.pf-turn-prev .pf-turn-back{background-position:right center}
.pf-turn-active.pf-turn-next .pf-turn-leaf{animation:pf-curl-next var(--pf-duration) cubic-bezier(.45,.03,.25,1) forwards}
.pf-turn-active.pf-turn-prev .pf-turn-leaf{animation:pf-curl-prev var(--pf-duration) cubic-bezier(.45,.03,.25,1) forwards}
.pf-turn-active .pf-turn-still{animation:pf-still var(--pf-duration) ease-in forwards}
@keyframes pf-curl-next{0%{transform:rotateY(0);border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0)}45%{border-radius:0 18% 18% 0;box-shadow:-18px 0 30px rgba(0,0,0,.35)}100%{transform:rotateY(-180deg);border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0)}}
@keyframes pf-curl-prev{0%{transform:rotateY(0);border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0)}45%{border-radius:18% 0 0 18%;box-shadow:18px 0 30px rgba(0,0,0,.35)}100%{transform:rotateY(180deg);border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0)}}
@keyframes pf-still{0%,75%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pf-turn-active .pf-turn-leaf,.pf-turn-active .pf-turn-still{animation:none}}
@media(max-width:650px){.pf-modal{padding:8px}.pf-modal-shell{gap:9px}.pf-toolbar{font-size:14px}.pf-book{width:100%}.pf-open-label{font-size:11px;right:6px;bottom:6px}}