body.cpps-photo-open{overflow:hidden}
#cpps-photo-viewer{width:min(1100px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:18px;box-sizing:border-box;border:1px solid var(--cpps-line,#dce6ee);border-radius:16px;background:#fff;color:var(--cpps-ink,#193649);box-shadow:0 24px 100px #0006;font:14px/1.4 'Segoe UI',sans-serif;overflow:hidden}
#cpps-photo-viewer[open]{display:flex;flex-direction:column;gap:10px}
#cpps-photo-viewer::backdrop{background:#102333cf}
#cpps-photo-viewer [hidden]{display:none!important}
#cpps-photo-viewer .cpps-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-shrink:0}
#cpps-photo-viewer .cpps-photo-heading>div{min-width:0}
#cpps-photo-viewer .cpps-photo-heading small{font-size:10px;letter-spacing:1.5px;color:var(--cpps-accent,#087f8c)}
#cpps-photo-viewer h2{font:600 17px/1.35 'Segoe UI',sans-serif;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-cpps-module] #cpps-photo-viewer button{min-height:44px;min-width:44px;box-sizing:border-box;border-radius:9px;padding:8px 14px;border:1px solid var(--cpps-line,#dce6ee);background:var(--cpps-soft,#e6f4f5);color:var(--cpps-accent,#087f8c);font:600 14px/1.2 'Segoe UI',sans-serif;cursor:pointer}
#cpps-photo-viewer [data-photo-close]{font-size:24px!important;flex-shrink:0}
#cpps-photo-viewer button:disabled{opacity:.38;cursor:default}
#cpps-photo-viewer .cpps-photo-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#111c25;border-radius:9px;overflow:hidden;color:#fff}
#cpps-photo-viewer .cpps-photo-stage img{display:block;width:100%;height:100%;object-fit:contain;margin:0;min-height:0}
#cpps-photo-viewer .cpps-photo-stage p{padding:20px;text-align:center;color:#fff;font-size:14px;line-height:1.5}
#cpps-photo-viewer .cpps-photo-caption{flex-shrink:0;margin:0;font-size:12px;color:var(--cpps-muted,#5c7285);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cpps-photo-viewer .cpps-photo-caption:empty{display:none}
#cpps-photo-viewer .cpps-photo-controls{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}
#cpps-photo-viewer [data-photo-count]{min-width:70px;text-align:center;font-variant-numeric:tabular-nums}
#cpps-photo-viewer .cpps-photo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex-shrink:0}
#cpps-photo-viewer .cpps-photo-footer>span{color:var(--cpps-muted,#5c7285)}
#cpps-photo-viewer a{color:var(--cpps-accent,#087f8c);text-decoration:underline;min-height:32px;display:flex;align-items:center}
.gallery-image[data-cpps-photo]{display:block;cursor:zoom-in}
@media(max-width:600px){#cpps-photo-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px;gap:8px}#cpps-photo-viewer .cpps-photo-footer>span{display:none}#cpps-photo-viewer .cpps-photo-footer{justify-content:center}#cpps-photo-viewer .cpps-photo-controls{justify-content:space-between;gap:8px}#cpps-photo-viewer h2{font-size:15px}}
@media(max-height:440px){#cpps-photo-viewer{padding:8px;gap:4px}#cpps-photo-viewer .cpps-photo-heading small,#cpps-photo-viewer .cpps-photo-caption{display:none}#cpps-photo-viewer .cpps-photo-footer{position:absolute;bottom:11px;right:15px}#cpps-photo-viewer .cpps-photo-footer>span{display:none}#cpps-photo-viewer .cpps-photo-controls{padding-right:130px}}
@media print{#cpps-photo-viewer{display:none!important}}