html.viewer-open{overflow:hidden}.viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#141814;color:#fff;font:16px/1.5 Arial,sans-serif}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#141814}.viewer-toolbar,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;flex-shrink:0;background:#202620}.viewer-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.viewer button,.viewer-download{font:inherit;color:#fff;background:#303b30;border:1px solid #657265;border-radius:4px;padding:10px 14px;min-height:44px;cursor:pointer;text-decoration:none}.viewer button:hover,.viewer-download:hover{background:#485848}.viewer button:focus-visible,.viewer a:focus-visible{outline:3px solid #c8e5b8;outline-offset:3px}.viewer-counter{white-space:nowrap}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;touch-action:pan-y}.viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed .viewer-image{max-width:none;max-height:none;margin:auto}.viewer-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#141814dd;padding:6px 12px}.viewer-status:empty{display:none}.viewer-bottom span{font-size:14px;color:#c8d0c5}.viewer [hidden]{display:none!important}@media(max-width:650px){.viewer-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.viewer-tools{width:100%;justify-content:space-between;gap:5px}.viewer button,.viewer-download{font-size:14px;padding:8px 10px}.viewer-stage{padding:8px}.viewer-bottom{padding:12px}.viewer-bottom span{display:none}}