@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@500;600;700&display=swap";:root{--color-primary:#120427;--color-secondary:#ffffff0f;--color-bg:#120427;--color-text:#e5e5e5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.brand-header{background-color:var(--color-primary);color:#fff;text-align:center;padding:1.5rem 2rem 1rem}.brand-header h1{font-size:1.5rem;font-weight:600}.brand-logo{width:auto;height:40px}.viewer-wrapper{width:100%;max-width:none;margin:1rem auto;padding:0 1rem}.controls{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.controls label{font-weight:500}.controls select{color:var(--color-text);background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;min-width:320px;padding:.5rem .8rem;font-size:1rem}#flipbook{background-color:var(--color-secondary);border-radius:6px;width:100%;height:calc(100vh - 140px);min-height:650px;overflow:hidden}#flipbook>*{width:100%!important;height:100%!important}.controls select option{background:var(--color-bg);color:var(--color-text)}.pfb-page{background-color:#fff!important}.pfb-page canvas{z-index:2!important;background-color:#fff!important}.pfb-branding{z-index:1!important}.pfb-page .pfb-branding{display:none!important}.pfb-branding .brand-root{width:100%;height:100%;color:var(--color-text);background:linear-gradient(#120427f2,#120427fa);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:2rem;display:flex}.pfb-branding .brand-root img{border-radius:8px;width:96px;height:auto}.pfb-branding .brand-root h3{margin:0;font-family:Poppins,sans-serif;font-size:1.25rem}.pfb-branding .brand-root p{opacity:.9;margin:0}.control-buttons{align-items:center;gap:.5rem;display:flex}.control-buttons #btn-download{color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:.45rem .7rem}.control-buttons #btn-download:hover{background:#ffffff0a}.pfb-container{background-color:#333;flex-direction:column;align-items:center;width:100%;height:100%;font-family:sans-serif;display:flex;position:relative;overflow:hidden}.pfb-toolbar{z-index:100;background:#000000d9;border-radius:30px;justify-content:center;align-items:center;gap:15px;min-width:350px;margin-top:10px;padding:10px 20px;display:flex;box-shadow:0 4px 10px #0000004d}.pfb-btn{color:#ddd;cursor:pointer;background:0 0;border:none;font-size:18px;transition:transform .2s,color .2s}.pfb-btn:hover{color:#fff;transform:scale(1.1)}.pfb-btn:active{transform:scale(.95)}.pfb-page-control{color:#fff;align-items:center;font-family:monospace;font-size:14px;display:flex}.pfb-page-input{color:#fff;text-align:center;background:0 0;border:none;border-bottom:1px solid #777;outline:none;width:50px;margin-right:5px;font-size:14px}.pfb-page-input:focus{border-bottom:1px solid #fff}.pfb-book-wrapper{box-sizing:border-box;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative;overflow:hidden}.pfb-book{transition:transform .6s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:0 0 20px #00000080}.pfb-page{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.pfb-branding{opacity:1;z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pfb-brand-logo{color:#e0e0e0;margin-bottom:10px;font-size:40px}.pfb-brand-text{color:#d0d0d0;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:700}.pfb-page canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.stf__wrapper{box-shadow:0 0 20px #00000080;overflow:hidden!important}.stf__block{overflow:hidden!important}.pfb-loader{color:#fff;z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.pfb-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:15px;font-size:40px;animation:1s linear infinite pfb-spin}@keyframes pfb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}