.custom-flipbook{max-width:1000px;height:600px;margin:0 auto;position:relative;perspective:2000px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:12px;box-shadow:0 20px 40px #0000004d;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.spread{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.page{width:50%;height:100%;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;position:relative;overflow:hidden;transition:transform .6s ease}.left-page{border-right:2px solid #ccc;border-radius:0 0 0 12px}.right-page{border-left:2px solid #ccc;border-radius:0 0 12px}.page:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none}.custom-flipbook.flip-next .spread{animation:svelte-12pdr3-flipNext .6s ease-in-out}.custom-flipbook.flip-prev .spread{animation:svelte-12pdr3-flipPrev .6s ease-in-out}@keyframes svelte-12pdr3-flipNext{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg) scale(.9)}to{transform:rotateY(0)}}@keyframes svelte-12pdr3-flipPrev{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0)}}.page:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.demo-page{background:#fff;border:2px solid #e5e7eb;position:relative;overflow:hidden}.demo-page:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.page.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:svelte-12pdr3-shimmer 1.5s infinite}@keyframes svelte-12pdr3-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flipbook-wrapper.fullscreen .custom-flipbook{max-width:95vw;height:80vh;max-height:800px}@media(max-width:768px){.custom-flipbook{max-width:95vw;height:50vh;min-height:400px}.page{padding:15px;font-size:.9rem}.spread{flex-direction:column}.page{width:100%;height:50%}.left-page{border-right:none;border-bottom:2px solid #ccc;border-radius:12px 12px 0 0}.right-page{border-left:none;border-top:2px solid #ccc;border-radius:0 0 12px 12px}}.custom-flipbook:before{content:"Click or swipe to turn pages";position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.custom-flipbook:hover:before{opacity:1}.page-counter{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;padding:5px 10px;border-radius:15px;font-size:.7rem;z-index:5}