.mz-product dialog.mz-photo-dialog{box-sizing:border-box;width:min(960px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:18px;border:1px solid var(--border-soft,#d6e2ed);border-radius:18px;background:var(--bg-card,var(--mz-surface,#fff));color:var(--text-main,var(--mz-ink,#21394b));overflow:auto;box-shadow:0 24px 80px #0005}
.mz-photo-dialog::backdrop{background:rgb(0 0 0 / 72%)}
.mz-photo-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.mz-photo-head h2{font-size:20px}.mz-photo-head button{flex-shrink:0}
.mz-photo-stage{display:flex;align-items:center;justify-content:center;min-height:140px;background:rgb(0 0 0 / 12%);border-radius:12px;overflow:hidden}
.mz-photo-stage img{display:block;width:100%;height:auto;max-height:calc(100dvh - 240px);object-fit:contain}
.mz-photo-caption{margin:12px 0 6px;font-weight:600;overflow-wrap:anywhere}.mz-photo-status{font-size:14px;margin:6px 0}.mz-photo-status:empty{display:none}
.mz-photo-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px}.mz-photo-dialog [hidden]{display:none!important}
@media(max-width:600px){.mz-product dialog.mz-photo-dialog{padding:12px;border-radius:14px}.mz-photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mz-photo-actions a,.mz-photo-actions button{min-width:0;white-space:normal;text-align:center;justify-content:center;min-height:44px}.mz-photo-stage img{max-height:calc(100dvh - 280px)}}