#artwork-zoom{width:96vw;max-width:1600px;height:92dvh;max-height:96dvh;padding:18px;border:1px solid #aaa;background:#fafaf7;color:#171717}
#artwork-zoom[open]{display:flex;flex-direction:column}#artwork-zoom::backdrop{background:rgba(0,0,0,.85)}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.zoom-toolbar h2{font-size:20px;margin:0}.zoom-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zoom-controls button{min-width:44px;min-height:44px;background:#171717;color:white;border:0;padding:8px 14px;cursor:pointer}.zoom-controls button:disabled{opacity:.4;cursor:default}#zoom-level{min-width:56px;text-align:center}.zoom-help,.zoom-original{font-size:13px;margin:12px 0}.zoom-viewport{flex:1;min-height:0;overflow:auto;background:#ddd;overscroll-behavior:contain;cursor:zoom-in;touch-action:pan-x pan-y}.zoom-viewport.is-zoomed{cursor:zoom-out}.zoom-viewport:focus-visible{outline:3px solid var(--purple);outline-offset:-3px}.zoom-viewport img{max-width:none;height:auto;display:block;user-select:none;-webkit-user-drag:none}.artwork-open{display:block;cursor:zoom-in}.case-media .artwork-open img{height:auto;max-height:none}.zoom-original{align-self:flex-start}@media(max-width:520px){#artwork-zoom{padding:10px;width:98vw}.zoom-controls{gap:5px}.zoom-toolbar h2{font-size:17px}.zoom-controls button{padding:8px 10px}}
#artwork-zoom .zoom-original{display:none}.artwork-frame{position:relative}.case-media .artwork-frame img{height:auto;max-height:none}.artwork-frame.is-clickable img{cursor:zoom-in}.artwork-magnifier{position:absolute;right:16px;bottom:16px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#171717;box-shadow:0 2px 12px #0004;cursor:zoom-in;transition:transform .2s ease,background .2s ease,color .2s ease}.artwork-frame.is-clickable:hover .artwork-magnifier{background:var(--purple);color:#fff;transform:scale(1.08)}.artwork-magnifier:focus-visible{outline:3px solid var(--purple);outline-offset:4px}@media(max-width:520px){.artwork-magnifier{right:10px;bottom:10px;width:48px;height:48px}}