.zoom-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.zoom-trigger img{width:100%;height:100%;display:block;object-fit:cover}.zoom-trigger span{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:18px;background:#111d;color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translateY(4px);transition:.2s}.zoom-trigger:hover span,.zoom-trigger:focus-visible span{opacity:1;transform:none}.image-viewer{position:fixed;inset:0;z-index:1000;background:#0b0b0bf2;color:#fff;display:none;grid-template-rows:auto 1fr auto auto;padding:14px}.image-viewer.open{display:grid}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1400px;width:100%;margin:auto;padding:0 4px 10px}.viewer-top strong{font-size:18px}.viewer-top button{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#222;color:#fff;font-size:31px;line-height:1;cursor:pointer}.viewer-stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none}.viewer-stage.dragging{cursor:grabbing}.viewer-stage img{display:block;max-width:92vw;max-height:75vh;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none}.viewer-controls{display:flex;justify-content:center;gap:10px;padding:12px}.viewer-controls button{min-width:48px;height:42px;border:1px solid #ffffff55;border-radius:22px;background:#222;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.viewer-controls #zoom-reset{min-width:76px;font-size:14px}.viewer-help{text-align:center;color:#ccc;font-size:12px;margin:0 0 4px}@media(max-width:600px){.zoom-trigger span{opacity:1}.image-viewer{padding:8px}.viewer-stage img{max-width:98vw;max-height:72vh}.viewer-help{padding:0 18px}}