.reader-page{width:100vw;height:100vh;overflow:hidden;background:#f5f5f5;position:relative}body,html{overflow:hidden;margin:0;padding:0}.ofd-container{width:100%;height:100%}.reader-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1000;background:hsla(0,0%,100%,.95);padding:32px 48px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid var(--primary-color,#c50000);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.reader-message{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1001;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.reader-loading{padding:24px 32px}.loading-spinner{width:32px;height:32px;border-width:3px}.reader-message{padding:10px 20px;font-size:13px}}