/* Overview first, original resolution on demand, bounded magnification. */
#viewer{width:min(1060px,94vw);height:fit-content;max-width:94vw;max-height:90dvh;padding:26px 32px;margin:auto;background:#171815;color:#eee4d5;overflow:auto}
#viewer::backdrop{background:#080a08d9}
#viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px}
#viewer .viewer-head{align-items:start;gap:25px}
#viewer .viewer-head h2{font-size:19px;max-width:75%;line-height:1.4;font-weight:400}
#viewer .viewer-scroll{overflow:visible;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 0}
.detail-stage{position:relative;display:block;max-width:100%;line-height:0;outline-offset:7px}
#viewer .viewer-scroll #viewer-image{display:block;max-width:100%;max-height:57svh;width:auto;height:auto;object-fit:contain;user-select:none}
.detail-stage.lens-active{cursor:crosshair;touch-action:none}
.detail-stage:focus-visible{outline:2px solid #e0a2af}
.detail-lens{position:absolute;border-radius:50%;background-repeat:no-repeat;pointer-events:none;box-shadow:0 0 0 2px #eee4d5,0 5px 22px #0008}
.detail-lens[hidden]{display:none}
#viewer .viewer-foot{gap:28px;align-items:center;border-top:1px solid #4d4b43;padding-top:8px}
#viewer .viewer-foot button{font-size:13px;white-space:nowrap;min-height:44px}
#detail-status{font-size:12px;line-height:1.6;color:#c4bcaf;max-width:52ch}
@media(max-width:700px){#viewer{width:94vw;max-width:94vw;padding:20px 18px;max-height:92dvh}#viewer[open]{gap:19px}#viewer .viewer-head h2{font-size:16px;max-width:72%}#viewer .viewer-foot{display:block}#detail-status{display:block;max-width:none;margin-top:12px}#viewer .viewer-scroll #viewer-image{max-height:50svh}}

.mo-inspect-button{display:inline-flex;align-items:center;gap:10px;padding:12px 0;min-height:44px;margin-top:12px}
#viewer .viewer-foot #zoom{display:inline-flex;align-items:center;justify-content:center;color:#eee4d5;background:transparent;border:1px solid #80796d;padding:10px 16px;min-width:160px;opacity:1}
#viewer .viewer-foot #zoom:disabled{opacity:.55}