.viewer[hidden]{display:none}.viewer{--viewer-stage-pad: 1.25rem;--viewer-bar-height: 4rem;position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr);background:#070706fa}.viewer__bar{display:flex;align-items:center;min-height:var(--viewer-bar-height);gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.viewer__nav-controls,.viewer__zoom-controls{display:inline-flex;gap:var(--space-2)}.viewer__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:2.4rem;min-height:2.35rem;max-width:100%;padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--text-strong);font-size:var(--role-control-size);font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.viewer__btn:hover{border-color:var(--text-subtle);background:var(--surface-elevated)}.viewer__btn--close,.viewer__btn--link{padding-inline:var(--space-3)}.viewer__btn--info[aria-pressed=true]{border-color:var(--accent);color:var(--text-strong)}.viewer__btn--disabled{opacity:.58;cursor:default;pointer-events:none}.viewer__btn-label{min-width:0;font-size:var(--role-control-size);overflow-wrap:anywhere}.viewer__spacer{flex:1}.viewer__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:var(--viewer-stage-pad);touch-action:none;cursor:default}.viewer__loading{position:absolute;inset:auto auto var(--space-4) var(--space-4);margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:var(--role-caption-size);line-height:1.2;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard);pointer-events:none}.viewer[data-loading="1"] .viewer__loading{opacity:1}.viewer__stage img{width:auto;height:auto;max-width:min(100%,2560px);max-height:calc(100dvh - var(--viewer-bar-height) - (var(--viewer-stage-pad) * 2));border-radius:var(--radius-card);object-fit:contain;transform-origin:center;will-change:transform;user-select:none;box-shadow:var(--shadow-subtle);transition:opacity var(--dur-fast) var(--ease-standard),filter var(--dur-fast) var(--ease-standard);cursor:grab}.viewer__stage img:active{cursor:grabbing}.viewer[data-loading="1"] .viewer__stage img{opacity:.92;filter:saturate(.94) contrast(.96)}.viewer__img--exiting{opacity:.35;transition:opacity var(--dur-fast) var(--ease-standard)}.viewer__img--entering{opacity:1;transition:opacity var(--dur-fast) var(--ease-standard)}.viewer__info-overlay{position:absolute;right:0;bottom:0;left:0;z-index:10;padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);background:#111110f5;color:var(--text)}.viewer__info-overlay[hidden]{display:none}.viewer__info-title{margin:0 0 var(--space-3);font-size:var(--role-essay-heading-size);font-weight:700}.viewer__info-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin:0}.viewer__info-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:min(12rem,100%)}.viewer__info-field[hidden]{display:none}.viewer__info-field dt{margin:0;color:var(--muted);font-size:var(--role-utility-size);letter-spacing:.08em;text-transform:uppercase}.viewer__info-field dd{margin:0;font-size:var(--role-caption-size);overflow-wrap:anywhere}@media(max-width:760px){.viewer{--viewer-stage-pad: .75rem;--viewer-bar-height: 5.4rem}.viewer__bar{flex-wrap:wrap;row-gap:var(--space-2)}.viewer__spacer,.viewer__btn-label{display:none}.viewer__btn--link{order:2}.viewer__info-overlay{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.viewer,.viewer *{animation:none!important;transition:none!important}.viewer__stage img{will-change:auto}}