.zp-message-image-viewer{box-sizing:border-box;width:min(960px,calc(100vw - 24px));height:min(92vh,900px);height:min(92dvh,900px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border:1px solid #33485b;border-radius:16px;background:#101e2b;color:#edf4fb;overflow:hidden}
.zp-message-image-viewer[open]{display:flex;flex-direction:column;gap:12px}
.zp-message-image-viewer::backdrop{background:rgba(3,9,16,.85)}
.zp-message-photo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-width:0}
.zp-message-photo-header h2{margin:0;font:700 16px/1.4 system-ui}
.zp-message-image-viewer button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #40576d;border-radius:10px;background:#20364a;color:#edf4fb;font:700 14px/1.3 system-ui;cursor:pointer;flex-shrink:0}
.zp-message-image-viewer button:focus-visible{outline:2px solid #70baff;outline-offset:2px}
.zp-message-image-viewer button:disabled{opacity:.4;cursor:default}
.zp-message-photo-stage{position:relative;flex:1;min-height:0;min-width:0;background:#07111a;border-radius:10px;overflow:hidden}
.zp-message-photo-stage img{display:block;width:100%;height:100%;object-fit:contain}
.zp-message-photo-stage img[hidden]{display:none}
.zp-message-photo-status{position:absolute;inset:0;margin:0;padding:20px;align-content:center;text-align:center;overflow-wrap:anywhere;font:14px/1.5 system-ui;background:#07111a}
.zp-message-photo-caption{flex-shrink:0;min-width:0;max-height:4.5em;overflow:auto;overflow-wrap:anywhere;margin:0;color:#c0d1e1;font:12px/1.5 system-ui}
.zp-message-photo-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;flex-shrink:0;text-align:center;font:13px/1.4 system-ui}
.zp-message-photo-nav button{padding:0;font-size:26px}
@media(max-width:480px){.zp-message-image-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;border-radius:12px}.zp-message-image-viewer[open]{gap:8px}}