/* Bildansicht im PulseNation-Farbschema. Autor: PN Leo. */
[data-gallery-item]{position:relative;display:block;cursor:zoom-in;border-radius:12px}
.gallery-open-hint{position:absolute;right:16px;bottom:16px;padding:7px 13px;border:1px solid #ffffff30;border-radius:7px;background:#090f21df;color:#fff;font-size:.75rem;pointer-events:none;backdrop-filter:blur(8px);transition:background .2s}
[data-gallery-item]:hover .gallery-open-hint{background:#392e68}
html.image-viewer-open{overflow:hidden}
.image-viewer{width:min(1200px,calc(100vw - 64px));height:min(880px,calc(100dvh - 64px));max-width:none;max-height:calc(100dvh - 64px);margin:auto;padding:0;border:1px solid #a58aff40;border-radius:20px;background:linear-gradient(135deg,#141c30,#0c1121 65%,#1b142b);color:var(--text);box-shadow:0 40px 140px #000b,0 0 80px #8060e012;overflow:hidden}
.image-viewer:not([open]){display:none}
.image-viewer[open]{animation:gallery-appear .18s ease-out}
.image-viewer::backdrop{background:#030612de;backdrop-filter:blur(12px)}
.image-viewer__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}
.image-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid #ffffff0d}
.image-viewer__heading{min-width:0}
.image-viewer__eyebrow{display:block;color:var(--cyan);font-size:.6rem;letter-spacing:.2em;margin-bottom:7px;font-weight:650}
.image-viewer__eyebrow span{color:var(--purple);margin-inline:8px}
.image-viewer__heading h2{font-size:clamp(1rem,2vw,1.4rem);margin:0;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-viewer__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:46px;min-height:46px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff06;color:#eff3ff;transition:background .18s,border-color .18s}
.image-viewer__button:hover{background:#7762b12e;border-color:#a28cf080}
.image-viewer__button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.image-viewer__close{padding:0 14px;font-size:.8rem}
.image-viewer__close kbd{font:inherit;font-size:.65rem;border:1px solid #ffffff20;border-radius:4px;padding:0 5px;color:var(--muted)}
.image-viewer__stage{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:18px;padding:22px 24px;min-height:0}
.image-viewer__viewport{position:relative;height:100%;min-width:0;min-height:0;grid-column:2;grid-row:1;touch-action:pan-y pinch-zoom}
.image-viewer__image{display:flex;align-items:center;justify-content:center;height:100%;width:100%}
.image-viewer__image img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 25px #0005);user-select:none}
.image-viewer__image img[hidden]{display:none}
.image-viewer__feedback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;text-align:center}
.image-viewer__feedback p{margin:0;padding-inline:20px;font-size:.875rem;color:var(--muted)}
.image-viewer__feedback p:empty{display:none}
.image-viewer__retry{pointer-events:auto;border:1px solid #ad8eff70;background:#332650;color:#fff;padding:9px 17px;border-radius:7px}
.image-viewer__arrow{width:48px;height:52px;padding:0}
.image-viewer__previous{grid-column:1;grid-row:1}
.image-viewer__next{grid-column:3;grid-row:1}
.image-viewer [hidden]{display:none!important}
.image-viewer__footer{padding:0 28px 18px;min-width:0}
.image-viewer__details{display:flex;align-items:baseline;gap:20px;padding:10px 0 16px;border-bottom:1px solid #ffffff0d}
.image-viewer__counter{flex-shrink:0;color:var(--cyan);font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.image-viewer__details p{margin:0;font-size:.875rem;line-height:1.5;color:#c0c9dc;overflow-wrap:anywhere;max-height:4.5em;overflow:auto}
.image-viewer__thumbnails{display:flex;gap:10px;justify-content:safe center;overflow-x:auto;max-width:100%;padding:16px 4px 6px;scrollbar-width:thin;scrollbar-color:#7762b1 transparent}
.image-viewer__thumbnail{position:relative;flex:0 0 82px;height:58px;padding:3px;border:1px solid #ffffff24;border-radius:8px;background:#0b1120;overflow:hidden;opacity:.6;transition:opacity .15s,border-color .15s}
.image-viewer__thumbnail:hover{opacity:1}
.image-viewer__thumbnail[aria-current=true]{opacity:1;border-color:var(--cyan);background:linear-gradient(130deg,#64d7ff22,#e36de62b);box-shadow:0 0 0 1px #64d7ff33}
.image-viewer__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.image-viewer__thumbnail span{position:absolute;bottom:4px;right:5px;min-width:19px;background:#080d1bdd;color:#e8eeff;border-radius:3px;font-size:.6rem;line-height:1.6}
.image-viewer__help{font-size:.65rem;color:#8794b0;text-align:center;margin:10px 0 0}
@keyframes gallery-appear{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){
    .image-viewer{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
    .image-viewer__header{padding:16px;gap:12px}
    .image-viewer__eyebrow{font-size:.55rem;letter-spacing:.14em}
    .image-viewer__close{padding:0;width:44px;min-width:44px;min-height:44px}
    .image-viewer__close span,.image-viewer__close kbd{display:none}
    .image-viewer__stage{padding:14px 8px;grid-template-columns:36px minmax(0,1fr) 36px;gap:2px}
    .image-viewer__viewport{grid-column:1/-1}
    .image-viewer__arrow{position:relative;z-index:1;width:40px;height:48px;min-width:40px;background:#0c1225c9;backdrop-filter:blur(6px)}
    .image-viewer__next{justify-self:end}
    .image-viewer__footer{padding:0 16px 14px}
    .image-viewer__details{gap:10px;flex-direction:column;padding:8px 0 12px}
    .image-viewer__details p{font-size:.8rem;max-height:3em}
    .image-viewer__thumbnails{gap:8px;padding-top:12px}
    .image-viewer__thumbnail{flex-basis:62px;height:46px}
    .image-viewer__help{font-size:.6rem;margin-top:8px}
    .gallery-open-hint{right:10px;bottom:10px;padding:5px 9px;font-size:.65rem}
}
@media(max-height:520px){.image-viewer__header{padding:10px 16px}.image-viewer__eyebrow,.image-viewer__help{display:none}.image-viewer__footer{padding-bottom:8px}.image-viewer__details{padding:5px 0}.image-viewer__thumbnails{padding-top:8px}.image-viewer__thumbnail{height:40px;flex-basis:60px}.image-viewer__stage{padding-block:10px}}
@media(prefers-reduced-motion:reduce){.image-viewer[open]{animation:none}.image-viewer__button,.image-viewer__thumbnail,.gallery-open-hint{transition:none}}