.reader-page{min-height:75vh;background:#E9E7E1;padding-bottom:50px}.reader-top{height:58px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1100px)/2));font-size:12px}.reader-top strong{color:var(--coffee-deep)}.reader-top small{font-weight:400;color:var(--muted)}.reader-top button{border:0;background:transparent;color:var(--sage-deep);cursor:pointer}.reader-tools{max-width:900px;margin:16px auto;display:flex;gap:20px;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.reader-tools input[type=range]{vertical-align:middle;width:120px}.reader-canvas{width:min(900px,100%);margin:0 auto;background:#fff;min-height:260px;display:flex;flex-direction:column;align-items:center}.reader-canvas img{display:block;width:82%;height:auto;object-fit:contain}.reader-empty{padding:90px 20px;text-align:center}.reader-empty h2{color:var(--coffee-deep)}.reader-empty p{font-size:13px;color:var(--muted);max-width:500px}.reader-bottom{max-width:900px;margin:20px auto;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.reader-bottom [aria-disabled=true]{opacity:.35;pointer-events:none}@media(max-width:760px){.reader-top{padding:0 12px}.reader-top strong{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-tools{padding:0 12px;flex-wrap:wrap}.reader-canvas img{width:100%}.reader-bottom{gap:8px}.reader-bottom .button{padding:0 12px;min-height:42px}}