body{margin:0;width:100%;height:100%}#app{padding:0;border:0 solid #000}.wrapper[data-v-4bb688ce]{max-width:90vw;max-height:80vh;width:90vw;height:80vh;padding:0;border:0 solid #d62626;background:#fff;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}.book[data-v-4bb688ce]{margin:auto;border:0 solid #00a6ff;border-radius:5px}.page[data-v-4bb688ce]{height:100%;cursor:pointer;border:0 solid #6ce33b;box-shadow:0 4px 16px #00000026;border-radius:8px}.page-image[data-v-4bb688ce]{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none;border:0 solid #00a6ff}.placeholder[data-v-4bb688ce]{display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999;font-size:14px;cursor:pointer;pointer-events:auto}.controls[data-v-4bb688ce]{max-width:90vw;max-height:20vh;width:90vw;height:20vh;display:flex;justify-content:center;align-items:center;margin-top:16px;gap:24px;padding:0;border:0 solid #a426d6;margin-left:auto;margin-right:auto;position:relative;z-index:10}.control-btn[data-v-4bb688ce]{padding:8px 24px;font-size:16px;border:none;border-radius:6px;background:linear-gradient(90deg,#4a90e2,#357abd);color:#fff;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px #3498db14;white-space:nowrap}.control-btn[data-v-4bb688ce]:hover:not(:disabled){background:linear-gradient(90deg,#357abd,#4a90e2);box-shadow:0 2px 8px #3498db2e}.control-btn[data-v-4bb688ce]:disabled{background:#ccc;color:#eee;cursor:not-allowed;box-shadow:none}.page-num[data-v-4bb688ce]{font-size:16px;color:#333;font-weight:700;letter-spacing:1px;white-space:nowrap}.loading-text[data-v-4bb688ce]{text-align:center}@media (min-width: 900px){.controls[data-v-4bb688ce]{gap:48px;height:60px}.page-num[data-v-4bb688ce]{font-size:22px}}@media (max-width: 600px){.wrapper[data-v-4bb688ce]{max-width:100vw;max-height:70vh;width:100vw;height:70vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.controls[data-v-4bb688ce]{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:16px;height:48px;margin-top:8px;margin-bottom:0;position:static;flex-shrink:0}}.app-container[data-v-8d21cb98]{display:flex;flex-direction:column;height:100vh;width:100%;padding:0;border:0 solid #999999}