.site-image-preview{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:18px;background:#0b1220;color:#fff;width:min(96vw,720px);height:90vh;height:min(90dvh,850px);max-width:100vw;max-height:100vh;max-height:100dvh;overflow:hidden}
.site-image-preview[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.site-image-preview::backdrop{background:rgb(0 0 0 / .8)}
.site-image-preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#172033}
.site-image-preview__stage{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#080c13}
.site-image-preview__stage img{width:100%;height:100%;min-height:0;object-fit:contain}
.site-image-preview__stage p{padding:20px;text-align:center;line-height:1.8}
.site-image-preview__foot{display:grid;gap:10px;padding:12px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#172033;max-height:48vh;overflow:auto}
.site-image-preview__meta{display:flex;gap:12px;align-items:center;min-width:0;font-size:.85rem;color:#e2e8f0}
.site-image-preview__meta [data-name]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
.site-image-preview__nav,.site-image-preview__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.site-image-preview button{position:static;min-width:0;min-height:46px;padding:9px 12px;border:1px solid #64748b;border-radius:10px;background:#24334a;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.5;white-space:normal;transform:none;cursor:pointer}
.site-image-preview__head button{flex:none;min-width:46px;font-size:22px}
.site-image-preview [data-confirm]{background:#f59e0b;color:#172033;border-color:#fbbf24}
.site-image-preview button:disabled{opacity:.45;cursor:default}
.site-image-preview button:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.site-image-preview [hidden]{display:none!important}
@media(max-width:575.98px){.site-image-preview{width:100%;height:100vh;height:100dvh;border-radius:0}}