.pf-flipbook-wrapper{font-family:system-ui,Segoe UI,Roboto,Arial;color:#222; margin:20px auto; max-width:980px;}
.pf-controls-top{display:flex;gap:8px;align-items:center;margin-bottom:12px;}
.pf-book{background:#fff;padding:12px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.08);}
.pf-page-viewer{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pf-canvas{max-width:100%;height:auto;border-radius:4px;display:block;box-shadow:0 6px 18px rgba(0,0,0,0.12);}
.pf-page-turn{position:absolute;top:10%;bottom:10%;width:40%;pointer-events:none;transition:transform .35s ease;backface-visibility:hidden;}
.pf-page-turn.left{left:0;transform-origin:left;}
.pf-page-turn.right{right:0;transform-origin:right;}
.pf-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 0;margin-top:12px;}
.pf-thumb{width:80px;height:100px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;}
.pf-thumb:hover{border-color:#3b82f6;}
.pf-controls-bottom{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:12px;}
.pf-page-info{margin-left:12px;font-size:14px;color:#666;}