.image-viewer{inset:0;margin:auto;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1600px;max-height:none;padding:0;border:1px solid rgb(var(--theme-fg-rgb)/.18);border-radius:6px;background:var(--theme-bg);color:var(--theme-fg);overflow:hidden}.image-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto minmax(0,1fr) auto}.image-viewer::backdrop{background:#000c}.image-viewer>header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid rgb(var(--theme-fg-rgb)/.12)}.image-viewer h2{font:400 16px/1.5 var(--font-sans);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer button{min-width:44px;min-height:44px;border:1px solid rgb(var(--theme-fg-rgb)/.15);border-radius:4px;background:none;color:inherit;padding:6px 12px;font:12px var(--font-sans);cursor:pointer}.image-viewer button:hover{background:rgb(var(--theme-fg-rgb)/.06)}.image-viewer button:disabled{opacity:.35;cursor:default}.image-viewer :focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.image-viewer__stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;display:grid;place-items:center;background:rgb(var(--theme-fg-rgb)/.025)}.image-viewer__stage>img{position:absolute;max-width:none!important;max-height:none!important;transform-origin:center;user-select:none;pointer-events:none}.image-viewer__stage[data-zoomed=true]{cursor:grab}.image-viewer__stage[data-zoomed=true]:active{cursor:grabbing}.image-viewer__stage p{z-index:1}.image-viewer__info{border-left:1px solid rgb(var(--theme-fg-rgb)/.12);padding:20px;overflow:auto;font:12px/1.9 var(--font-sans);overflow-wrap:anywhere}.image-viewer__info a{display:block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.image-viewer footer{grid-column:1/-1;border-top:1px solid rgb(var(--theme-fg-rgb)/.12);padding:10px;display:flex;justify-content:center;align-items:center;gap:8px}.image-viewer output{font:12px var(--font-mono);min-width:52px;text-align:center}.image-viewer [hidden]{display:none!important}@media(max-width:700px){.image-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.image-viewer[open]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,110px) auto}.image-viewer__info{border-left:0;border-top:1px solid rgb(var(--theme-fg-rgb)/.12);padding:10px 16px}.image-viewer__info p{margin:0}.image-viewer footer{gap:4px;padding:8px 4px}.image-viewer button{padding:6px 8px}.image-viewer footer output{min-width:42px}}.image-viewer--photo-first[open]:not(.image-viewer--info-open){grid-template-columns:minmax(0,1fr)}.image-viewer--photo-first:not(.image-viewer--info-open) .image-viewer__info{display:none}.image-viewer>header h2{flex:1}@media(max-width:700px){.image-viewer--photo-first[open]:not(.image-viewer--info-open){grid-template-rows:auto minmax(0,1fr) auto}}.wiki-reader img[data-viewer-ready],.wiki-infobox img[data-viewer-ready]{cursor:zoom-in}.wiki-reader img[data-viewer-ready]:focus-visible,.wiki-infobox img[data-viewer-ready]:focus-visible{outline:2px solid var(--ui-accent-color);outline-offset:3px}.image-viewer[open]{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}.image-viewer__info{display:block;padding:20px 18px}.image-viewer__info h3{margin:0 0 8px;font:400 18px/1.35 var(--font-serif)}.image-viewer__info h3:not(:first-child){margin-top:22px}.image-viewer__metadata{margin:0;border-top:1px solid rgb(var(--theme-fg-rgb)/.15)}.image-viewer__metadata>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgb(var(--theme-fg-rgb)/.12)}.image-viewer__metadata dt{margin:0;color:rgb(var(--theme-fg-rgb)/.55);font:11px/1.55 var(--font-sans)}.image-viewer__metadata dd{margin:0;font:12px/1.65 var(--font-sans);overflow-wrap:anywhere}.image-viewer__details{color:rgb(var(--theme-fg-rgb)/.75);font:11px/1.65 var(--font-mono)!important}.image-viewer__page-status{position:absolute;bottom:16px;left:50%;transform:translate(-50%);max-width:min(90%,440px);margin:0;padding:9px 14px;border:1px solid rgb(var(--theme-fg-rgb)/.2);border-radius:var(--ui-radius-control,4px);background:var(--theme-bg);color:var(--theme-fg);font:12px/1.5 var(--font-sans);text-align:center;box-shadow:0 4px 16px #0000001f;pointer-events:none}.image-viewer__actions{display:grid;align-content:start;gap:8px;margin-top:8px}.image-viewer__actions .image-viewer__action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin:0;padding:10px 12px;border:1px solid rgb(var(--theme-fg-rgb)/.2);border-radius:var(--ui-radius-control,4px);background:transparent;color:var(--theme-fg);font:12px/1.35 var(--font-sans);text-decoration:none;transition:border-color .18s,background .18s}.image-viewer__action:after{content:"→";flex:none;font:15px var(--font-mono)}.image-viewer__action[data-external=true]:after{content:"↗"}.image-viewer__action[data-download=true]:after{content:"↓"}.image-viewer__actions .image-viewer__action--primary{border-color:var(--theme-fg);background:var(--theme-fg);color:var(--theme-bg)}.image-viewer__actions .image-viewer__action:hover{border-color:var(--theme-fg);background:rgb(var(--theme-fg-rgb)/.065)}.image-viewer__actions .image-viewer__action--primary:hover{background:rgb(var(--theme-fg-rgb)/.82);color:var(--theme-bg)}@media(max-width:700px){.image-viewer[open]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(150px,30dvh) auto}.image-viewer__info{padding:14px 16px}.image-viewer__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.image-viewer__actions .image-viewer__action{min-width:0}}@media(max-width:420px){.image-viewer__actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.image-viewer__actions .image-viewer__action{transition:none}}