#zoom-dialog{width:96vw;max-width:1600px;height:94vh;height:94dvh;max-height:96dvh;padding:12px;overflow:hidden}
#zoom-dialog[open]{display:flex;flex-direction:column;gap:10px}
#zoom-dialog .viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
#zoom-dialog .viewer-toolbar button{display:inline-block;margin:0;min-height:44px}
#zoom-dialog #viewer-scale{margin:0;min-width:58px;text-align:center;color:#253a42}
#zoom-dialog #close-zoom{margin-left:auto}
#zoom-dialog .viewer-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#101513;touch-action:none;cursor:grab;user-select:none}
#zoom-dialog .viewer-viewport.dragging{cursor:grabbing}
#zoom-dialog #zoom-image{position:absolute;left:50%;top:50%;max-width:none;max-height:none;margin:0;transform-origin:center;user-select:none;pointer-events:none}
#zoom-dialog .viewer-hint{margin:0;font-size:12px;line-height:1.5;flex-shrink:0}
@media(max-width:600px){#zoom-dialog{width:98vw;padding:8px}.viewer-toolbar{gap:5px!important}#zoom-dialog .viewer-toolbar button{padding:8px;font-size:13px}#zoom-dialog #close-zoom{margin-left:0}}