#image-dialog{width:1120px;height:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:hidden}
#image-dialog[open]{display:flex;flex-direction:column;gap:16px}
.gallery-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-shrink:0}
.gallery-heading{min-width:0}
#gallery-title{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:0}
#gallery-count{display:block;font-size:12px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
#image-dialog .dialog-close{position:static;flex-shrink:0;margin:0;min-height:40px}
#image-dialog .zoom-scroll{display:flex;align-items:center;justify-content:center;flex:0 1 auto;height:min(420px,48dvh);min-height:0;max-width:none;max-height:calc(100dvh - 240px);margin:0;overflow:hidden;border:1px solid var(--card-border);border-radius:8px;background:#fff;overscroll-behavior:contain}
#image-dialog .zoom-scroll img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
#image-dialog .zoom-scroll.is-zoomed{display:block;overflow:auto;touch-action:pan-x pan-y}
#image-dialog .zoom-scroll.is-zoomed img{width:max(100%,1100px);height:auto;object-fit:initial}
.gallery-footer{flex-shrink:0}
#image-dialog #image-caption{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.gallery-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}
.gallery-actions .button{min-height:44px;font-size:13px;padding:10px 12px}
#image-dialog #gallery-hint{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}
@media(max-width:760px){
  #image-dialog{padding:16px}
  #image-dialog[open]{gap:12px}
  .gallery-header{gap:12px}
  #gallery-title{font-size:20px}
  #gallery-count{font-size:11px}
  .gallery-actions{gap:8px}
  .gallery-actions .button{font-size:12px;padding:10px 7px}
  #image-dialog #image-caption{font-size:11px}
  #image-dialog #gallery-hint{font-size:10px}
}
@media(max-height:480px){
  #image-dialog{padding:12px}
  #image-dialog[open]{gap:8px}
  #gallery-title{font-size:18px}
  #gallery-count{margin-top:2px}
  .gallery-actions{margin-top:6px}
  #image-dialog #gallery-hint{display:none}
}