.work-viewer-opener{display:block;position:relative;color:inherit}
.work-viewer-opener:focus-visible{outline:2px solid #dfc697;outline-offset:3px}
.work-viewer-badge{position:absolute;right:12px;bottom:12px;display:block;padding:7px 10px;border:1px solid #e4d1ab55;background:#171816ee;color:#e4d1ab;font-size:11px;line-height:1.6}
body.work-viewer-open{overflow:hidden}
.work-viewer{width:min(1440px,96vw);height:94dvh;max-width:100vw;max-height:100dvh;margin:auto;padding:0;border:1px solid #bba88844;background:#141512;color:#eee8da;box-shadow:0 25px 90px #0008;overflow:hidden}
.work-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.work-viewer::backdrop{background:#070907e8}
.work-viewer-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:20px 26px;border-bottom:1px solid #bba88822}
.work-viewer-head h2{font-size:20px;font-weight:500;line-height:1.5;margin:2px 0 0}
.work-viewer-count{font-size:11px;letter-spacing:.08em;color:#c2ad89;margin:0;line-height:1.6}
.work-viewer button{min-height:44px;padding:9px 14px;border:1px solid #bba88844;background:transparent;border-radius:3px;font-size:13px;white-space:nowrap}
.work-viewer button:disabled{opacity:.35;cursor:default}
.work-viewer button:focus-visible,.work-viewer-viewport:focus-visible{outline:2px solid #dfc697;outline-offset:-3px}
.work-viewer-viewport{overflow:auto;overscroll-behavior:contain;position:relative;min-height:0;padding:0;display:flex;align-items:safe center;background:#0b0d0b;touch-action:pan-x pan-y pinch-zoom}
.work-viewer-viewport[data-zoomed=true]{display:block}
.work-viewer-canvas{position:relative;flex:none}
.work-viewer-canvas>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}
.work-viewer .work-viewer-canvas>.folio-crop{position:relative;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
.work-viewer .folio-crop>img{position:absolute;max-width:none;max-height:none;object-fit:fill;display:block}
.work-viewer-loading{position:absolute;inset:35% 15% auto;text-align:center;color:#c2b49c;font-size:14px;line-height:1.8}
.work-viewer-foot{padding:16px 26px 14px;background:#141512}
.work-viewer-note{margin:0 0 12px;font-size:13px;line-height:1.7;color:#c5beb0;max-width:65em}
.work-viewer-actions{display:flex;gap:12px;align-items:center;justify-content:center}
.work-viewer-help{margin:10px 0 0;text-align:center;font-size:11px;color:#a39a88;line-height:1.5}
@media(max-width:800px),(max-height:600px){
 .work-viewer{width:100vw;height:100dvh;border:0;max-height:100dvh}
 .work-viewer-head{padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));gap:10px}
 .work-viewer-head h2{font-size:17px}.work-viewer-count{font-size:10px}
 .work-viewer-foot{padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .work-viewer-actions{gap:8px}.work-viewer button{padding:8px 11px;font-size:12px}
 .work-viewer-note{font-size:12px;margin-bottom:8px}.work-viewer-help{display:none}
}
@media(max-height:480px){.work-viewer-head{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:6px}.work-viewer-head h2{font-size:15px}.work-viewer-note{font-size:11px;line-height:1.5;max-height:3em;overflow:auto;margin-bottom:5px}.work-viewer-foot{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.work-viewer-count{display:none}}




.lotto-mobile-gallery .work-viewer-badge{top:12px;bottom:auto}