.manuscript-zoom-link{display:block;position:relative;cursor:zoom-in;border-radius:3px;outline-offset:5px}.manuscript-zoom-link img{transition:box-shadow .15s}.manuscript-zoom-link:hover img{box-shadow:0 0 0 2px var(--wine)}.manuscript-zoom-link:after{content:'↗';position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--wine);border:1px solid #c6b7a4;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font:23px system-ui,sans-serif;box-shadow:0 2px 10px #39281b20}.zoom-hint{display:block;margin-top:5px;color:var(--wine);font:13px/1.5 system-ui,sans-serif}a[data-zoom]{cursor:zoom-in}
.manuscript-viewer{width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1600px;max-height:none;padding:0;border:1px solid #bcae9e;border-radius:10px;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 24px 90px #0006}.manuscript-viewer::backdrop{background:#211711c9;backdrop-filter:blur(4px)}.viewer-window{display:flex;flex-direction:column;height:100%;min-height:0}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px 10px;border-bottom:1px solid var(--line);flex:none}.viewer-header>div{min-width:0}.viewer-header p{margin:0 0 3px;font:11px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}.viewer-header h2{margin:0;font:normal 23px/1.3 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-close{width:44px;height:44px;flex:none;background:none;border:1px solid var(--line);border-radius:50%;color:var(--wine);font:30px/1 system-ui,sans-serif}.viewer-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 22px;flex:none}.viewer-tools>div{display:flex;gap:6px;align-items:center}.viewer-tools button{min-width:42px;min-height:40px;padding:8px 12px;border:1px solid #c6b7a4;border-radius:4px;background:var(--paper);color:var(--brown);font:14px/1.3 system-ui,sans-serif}.viewer-tools button:hover:not(:disabled),.viewer-close:hover{background:#eee4d4}.viewer-tools button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:white}.viewer-tools button:disabled{opacity:.4;cursor:default}#viewer-zoom{min-width:58px;text-align:center;font:14px system-ui,sans-serif;font-variant-numeric:tabular-nums}.viewer-stage{flex:1;min-height:0;position:relative;background:#40372f;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;cursor:zoom-in;outline-offset:-4px}.viewer-stage.can-pan{cursor:grab}.viewer-stage.dragging{cursor:grabbing}.viewer-stage .viewer-image{position:absolute;left:0;top:0;max-width:none;max-height:none;transform-origin:0 0;will-change:transform;user-select:none;pointer-events:none;padding:0;border:0;background:#f5ecdc}.viewer-message{position:absolute;inset:40% 20px auto;text-align:center;color:#fff9ed;font:16px/1.5 system-ui,sans-serif}.viewer-help{text-align:center;flex:none;padding:10px 20px;margin:0;font:12px/1.5 system-ui,sans-serif;color:var(--muted)}
@media(max-width:680px){.manuscript-viewer{width:100vw;height:100dvh;max-width:100vw;border:0;border-radius:0;margin:0}.viewer-header{padding:12px 14px}.viewer-header h2{font-size:19px}.viewer-tools{padding:8px 12px;gap:8px}.viewer-tools button{font-size:13px;min-height:42px;padding:8px 10px}.viewer-help{padding-bottom:max(10px,env(safe-area-inset-bottom));font-size:12px}.viewer-source-controls{margin-left:auto}.viewer-header p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.manuscript-zoom-link img{transition:none}}
@media print{.manuscript-viewer,.zoom-hint,.manuscript-zoom-link:after{display:none!important}}