.art-views{--view-height:calc(100svh - var(--header) - 10rem)}
.artwork-stage .art-views-image{height:var(--view-height);min-height:16rem;display:grid;place-items:center;background:#fff}
.artwork-stage .art-views-image img{height:100%;width:100%;max-height:var(--view-height);object-fit:contain;view-transition-name:none}
.art-views .zoom-cue{top:auto;bottom:.5rem;right:.5rem;background:rgba(255,255,255,.94);padding:.4rem .6rem;border-radius:2px}
.art-view-options{display:flex;justify-content:center;gap:.25rem;margin-top:1rem;padding:.25rem;border:1px solid var(--line);border-radius:2rem;width:max-content;max-width:100%;margin-inline:auto}
.art-view-options a{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.45rem .9rem;border-radius:1.6rem;text-decoration:none;font-size:.85rem;line-height:1.2;color:var(--ink);transition:background-color .18s,color .18s}
.art-view-number{font-size:.7em;opacity:.8}
.art-view-options a:hover{background:var(--paper-deep)}
.art-view-options a.is-selected{background:var(--ink);color:#fff}
.art-view-options a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.art-view-note{margin:.55rem 0 0;font-size:.72rem;line-height:1.4;text-align:center;color:var(--muted)}
.art-views[aria-busy=true] .art-view-options{cursor:progress}
.artwork-stage:has(.art-views) figcaption{padding-right:0;text-align:center}
.artwork-gallery .art-views-image{padding:0;background:#fff;height:32rem;display:grid;place-items:center}
.artwork-gallery .art-views-image img{width:100%;height:100%;max-height:32rem;object-fit:contain}
@media(max-width:700px){
 .art-views{--view-height:min(62svh,30rem)}
 .art-views{display:flex;flex-direction:column}
 .artwork-stage .art-views-image,.artwork-gallery .art-views-image{height:auto;min-height:0}
 .artwork-stage .art-views-image img,.artwork-gallery .art-views-image img{height:auto;max-height:var(--view-height)}
 .art-view-options{order:-1;gap:0;margin:0 auto .75rem}
 .art-view-options a{padding:.45rem .65rem;font-size:.8rem}
}
@media(max-width:360px){.art-view-options a{padding-inline:.5rem;font-size:.75rem;gap:.25rem}}
@media(prefers-reduced-motion:reduce){.art-view-options a{transition:none}}