.viewer{z-index:2;background:var(--bg);outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-open,.viewer-open body{overflow:hidden}.viewer-img{object-fit:contain;touch-action:pan-y;flex:1;width:100%;min-height:0}.viewer-status{padding:0 max(var(--gutter), calc((100% - var(--column)) / 2)) 4px;background:var(--text);color:var(--bg);font-size:var(--size-small);grid-template-columns:1fr auto;grid-template-areas:"name actions""meta meta";align-items:center;column-gap:2ch;display:grid}@media (width>=641px){.viewer-status{grid-template-columns:auto 1fr auto;grid-template-areas:"name meta actions";padding-bottom:0}}.viewer-status :focus-visible{outline-color:var(--bg)}.viewer-name{grid-area:name}.viewer-meta{flex-wrap:wrap;grid-area:meta;column-gap:2ch;display:flex}.viewer-name,.viewer-meta>*{white-space:pre}.viewer-actions{flex-shrink:0;grid-area:actions;gap:2ch;display:flex}