.photo-preview-dialog{width:min(1100px,94vw);max-width:94vw;max-height:92vh;padding:0;border:1px solid #dfe6f0;border-radius:16px;background:#101b2e;color:#fff;overflow:auto}
.photo-preview-dialog::backdrop{background:rgba(3,12,28,.8)}
.photo-preview-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#101b2e}
.photo-preview-bar strong{min-width:0;overflow-wrap:anywhere;font-size:14px}
.photo-preview-bar button{flex:none;cursor:pointer;border:1px solid #61718b;border-radius:8px;padding:9px 14px;background:#263a58;color:#fff;font:inherit}
.photo-preview-dialog{width:min(1080px,94vw);border:0;border-radius:20px;background:#fff;color:#102b55;overflow:hidden;box-shadow:0 32px 100px #0006}
.photo-preview-dialog::backdrop{background:rgba(8,18,36,.72);backdrop-filter:blur(5px)}
.photo-preview-bar{position:relative;padding:20px 24px;background:#fff;border-bottom:1px solid #e7ecf4}
.photo-preview-heading{min-width:0;display:grid;gap:7px}
.photo-preview-heading strong{overflow-wrap:anywhere;font-size:17px;line-height:1.45}
.photo-preview-heading>span{font-size:12px;color:#77869b;overflow-wrap:anywhere;line-height:1.5}
.photo-preview-bar button{border:1px solid #e1e7f0;border-radius:10px;padding:10px 14px;background:#f5f7fb;color:#526580;font-size:13px}
.photo-preview-bar button:hover{background:#e9eef7;color:#00205b}
.photo-preview-bar button:focus-visible{outline:3px solid #7098d5;outline-offset:2px}
.photo-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(68vh,740px);min-height:180px;padding:18px;box-sizing:border-box;background:radial-gradient(ellipse at center,#28364b,#152033)}
.photo-preview-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 8px 30px #0005}
.photo-preview-stage img:not([src]){visibility:hidden}
.photo-preview-footer{padding:13px 24px;background:#fff;color:#8793a6;font-size:11px;text-align:center}
@media(max-width:600px){.photo-preview-bar{padding:15px;gap:12px}.photo-preview-heading strong{font-size:15px}.photo-preview-stage{height:60vh;padding:10px}.photo-preview-footer{padding:12px 15px}}
@media(max-height:520px){.photo-preview-stage{height:48vh;min-height:90px}.photo-preview-bar{padding:10px 18px}.photo-preview-footer{padding:8px 18px}}
.photo-preview-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);margin:0;padding:10px 16px;border-radius:8px;background:#0a1529df;text-align:center;color:#e0e8f4;font-size:13px}
.photo-preview-hint:empty{display:none}