/* Quiet, viewport-sized artwork presentation; archive layout remains untouched. */
.study-viewer[open]{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#080a09;color:#eceee9;overflow:hidden}
.study-viewer::backdrop{background:#080a09}
.study-viewer .viewer-toolbar{position:absolute;inset:0 0 auto;height:58px;z-index:3;padding:0 24px;border:0;background:transparent}
.study-viewer .viewer-toolbar>p{font-size:9px;color:#a7aaa5}
.study-viewer .viewer-toolbar .status-dot,.study-viewer #viewer-copy-link{display:none}
.study-viewer .viewer-toolbar>div{gap:16px}
.study-viewer .viewer-close,.study-viewer #viewer-details-toggle{min-height:44px;min-width:44px;font-size:11px;color:#eceee9}
.study-viewer .viewer-layout{position:absolute;inset:58px 0 54px;height:auto;display:block;overflow:hidden}
.study-viewer .viewer-visual{position:absolute;inset:0;background:transparent;height:100%;min-height:0}
.study-viewer .viewer-image-stage{position:absolute;inset:0;height:auto;min-height:0;padding:8px 64px;display:flex}
.study-viewer #viewer-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none;filter:none}
.study-viewer .viewer-image-footer{position:fixed;bottom:4px;left:0;right:0;height:48px;min-height:48px;display:flex;justify-content:center;padding:0;border:0}
.study-viewer .viewer-image-footer>span{display:none!important}
.study-viewer .viewer-image-footer>div{gap:16px}
.study-viewer .icon-button{width:44px;height:44px;border:0;background:transparent;color:#eceee9;font-size:22px}
.study-viewer .viewer-details{position:absolute;z-index:4;right:16px;top:8px;bottom:8px;width:min(360px,calc(100% - 32px));max-height:100%;padding:24px;background:#151a17f5;border:1px solid #ffffff26;overflow-y:auto}
.study-viewer .viewer-details[hidden]{display:none!important}
.study-viewer button:focus-visible{outline:2px solid #c6d8b4;outline-offset:2px}
@media(max-width:760px){.study-viewer .viewer-toolbar{padding:0 12px}.study-viewer .viewer-toolbar>div{gap:8px}.study-viewer .viewer-toolbar>p{font-size:8px}.study-viewer .viewer-image-stage{padding:6px 12px}.study-viewer .viewer-close{font-size:0}.study-viewer .viewer-close>span{font-size:24px}.study-viewer #viewer-position{margin-left:8px}}