.storybook-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;max-width:90vw;background:#1a103d;border-radius:12px;box-shadow:0 8px 32px rgb(255 0 198 / .15);z-index:1000;overflow:hidden;border:1px solid rgb(255 0 198 / .2);color:#fff;font-family:'Courier New',monospace}.storybook-window-mobile{width:100vw;height:100vh;top:0;left:0;transform:none;border-radius:0}.storybook-window-top{background:linear-gradient(135deg,#ff00c6,#6b32b2);color:#fff;padding:8px 16px;font-size:14px;font-weight:500}.storybook-window-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:rgb(255 0 198 / .1);color:#fff;font-size:18px;font-weight:600;cursor:move;border-bottom:1px solid rgb(255 0 198 / .2)}.storybook-window-body{padding:24px;max-height:70vh;overflow-y:auto;background:rgb(26 16 61 / .95)}.storybooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.storybook-card{background:rgb(255 255 255 / .05);border-radius:8px;padding:16px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;border:1px solid rgb(255 0 198 / .2)}.storybook-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgb(255 0 198 / .2)}.storybook-cover{width:100%;height:280px;object-fit:cover;border-radius:4px;margin-bottom:12px;border:2px solid rgb(255 0 198 / .2)}.storybook-title{font-size:16px;font-weight:600;margin:8px 0;color:#fff}.read-now-btn{background:linear-gradient(135deg,#ff00c6,#6b32b2);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background 0.2s,transform 0.2s;font-family:'Courier New',monospace}.read-now-btn:hover{background:linear-gradient(135deg,#ff33cc,#8240d2);transform:scale(1.05)}.pdf-viewer-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;height:80vh;background:#1a103d;border-radius:12px;box-shadow:0 8px 32px rgb(255 0 198 / .15);z-index:1100;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(255 0 198 / .2);color:#fff;font-family:'Courier New',monospace}.pdf-viewer-mobile{width:100vw;height:100vh;top:0;left:0;transform:none;border-radius:0}.pdf-viewer-top{background:linear-gradient(135deg,#ff00c6,#6b32b2);color:#fff;padding:8px 16px;font-size:14px;font-weight:500}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:rgb(255 0 198 / .1);color:#fff;cursor:move;border-bottom:1px solid rgb(255 0 198 / .2)}.controls{display:flex;align-items:center;gap:16px}.prev-page,.next-page{background:linear-gradient(135deg,#ff00c6,#6b32b2);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background 0.2s,transform 0.2s;font-family:'Courier New',monospace}.prev-page:hover,.next-page:hover{background:linear-gradient(135deg,#ff33cc,#8240d2);transform:scale(1.05)}.page-info{font-size:14px;color:#fff;text-shadow:0 0 10px rgb(255 0 198 / .5)}.pdf-container{flex:1;overflow:auto;background:rgb(26 16 61 / .95);display:flex;justify-content:center;align-items:center;padding:24px;position:relative}#pdf-canvas{box-shadow:0 4px 16px rgb(255 0 198 / .2);background:#fff;max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto}.close-window,.close-viewer{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 8px;transition:opacity 0.2s,transform 0.2s}.close-window:hover,.close-viewer:hover{opacity:.8;transform:scale(1.1)}.storybook-window-body::-webkit-scrollbar,.pdf-container::-webkit-scrollbar{width:10px;height:10px}.storybook-window-body::-webkit-scrollbar-track,.pdf-container::-webkit-scrollbar-track{background:rgb(255 255 255 / .05)}.storybook-window-body::-webkit-scrollbar-thumb,.pdf-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff00c6,#6b32b2);border-radius:6px;border:2px solid #fff0;background-clip:content-box;box-shadow:0 0 6px #ff00c688}.storybook-window-body::-webkit-scrollbar-thumb:hover,.pdf-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff33cc,#8240d2)}.pdf-container::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgb(255 0 198 / .1);border-top:4px solid #ff00c6;border-radius:50%;animation:spin 1s linear infinite;display:none}.pdf-container.loading::before{display:block}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width:768px){.storybook-window,.pdf-viewer-container{width:100vw;height:100vh;max-width:100vw;border-radius:0;top:0;left:0;transform:none}.storybooks-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.storybook-cover{height:200px}#pdf-canvas{max-width:100%;height:auto}.controls{gap:8px}.prev-page,.next-page{padding:6px 12px;font-size:14px}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(26 16 61 / .95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.loading-text{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;text-shadow:0 0 10px rgb(255 0 198 / .5);letter-spacing:2px}.loading-dots{display:flex;gap:8px}.dot{width:12px;height:12px;background:#ff00c6;border-radius:50%;animation:pulse 1s infinite}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}100%{transform:scale(.8);opacity:.5}}.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:16px;line-height:1.5;background:rgb(255 0 0 / .1);padding:20px;border-radius:8px;border:1px solid rgb(255 0 0 / .2);text-shadow:0 0 10px rgb(255 0 0 / .3)}