.pfb-container{position:relative;width:100%;height:100%;background-color:#333;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;overflow:hidden}.pfb-toolbar{background:rgba(0,0,0,.85);min-width:350px;padding:10px 20px;margin-top:10px;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:15px;z-index:100;box-shadow:0 4px 10px #0000004d}.pfb-btn{background:transparent;border:none;color:#ddd;font-size:18px;cursor:pointer;transition:transform .2s,color .2s}.pfb-btn:hover{color:#fff;transform:scale(1.1)}.pfb-btn:active{transform:scale(.95)}.pfb-page-control{display:flex;align-items:center;color:#fff;font-size:14px;font-family:monospace}.pfb-page-input{background:transparent;border:none;border-bottom:1px solid #777;color:#fff;width:50px;text-align:center;font-size:14px;margin-right:5px;outline:none}.pfb-page-input:focus{border-bottom:1px solid #fff}.pfb-book-wrapper{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden;position:relative}.pfb-book{position:relative;box-shadow:0 0 20px #00000080;transition:transform .6s cubic-bezier(.25,1,.5,1)}.pfb-page{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.pfb-branding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;z-index:1;pointer-events:none}.pfb-brand-logo{font-size:40px;color:#e0e0e0;margin-bottom:10px}.pfb-brand-text{font-size:14px;font-weight:700;color:#d0d0d0;text-transform:uppercase;letter-spacing:2px}.pfb-page canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block}.stf__wrapper{overflow:hidden!important;box-shadow:0 0 20px #00000080}.stf__block{overflow:hidden!important}.pfb-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:9999;transition:opacity .5s}.pfb-spinner{font-size:40px;margin-bottom:15px;animation:pfb-spin 1s infinite linear;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff}@keyframes pfb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}