.mis-zoom-open{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;font-size:27px;cursor:zoom-in;display:grid;place-items:center;padding:0;box-shadow:0 2px 8px #0002}
.mis-zoom{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#111;color:#fff;overflow:hidden}
.mis-zoom::backdrop{background:#111}
.mis-zoom-stage{position:absolute;inset:72px 16px 56px;overflow:hidden;touch-action:none;user-select:none;cursor:grab}
.mis-zoom-stage:active{cursor:grabbing}
.mis-zoom-image{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none}
.mis-zoom-tools{height:72px;display:flex;align-items:center;justify-content:center;gap:8px;font:14px inherit}
.mis-zoom-tools button{border:1px solid #555;background:#242424;color:#fff;border-radius:6px;min-width:44px;height:40px;padding:0 12px;cursor:pointer;font:inherit}
.mis-zoom-tools button:disabled{opacity:.35;cursor:default}
.mis-zoom-tools button:focus-visible,.mis-zoom-open:focus-visible{outline:2px solid #9bdc28;outline-offset:3px}
.mis-zoom-tools output{min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.mis-zoom-close{position:absolute;right:16px;top:16px}
.mis-zoom-hint{position:absolute;bottom:16px;left:0;right:0;margin:0;text-align:center;font-size:13px;color:#aaa;pointer-events:none}
@media(max-width:480px){.mis-zoom-tools{justify-content:flex-start;padding-left:12px;gap:5px}.mis-zoom-close{right:12px}.mis-zoom-stage{left:8px;right:8px}}

.mis-zoom-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:54px;padding:0;border:1px solid #ffffff50;border-radius:6px;background:#1119;color:white;font-size:36px;line-height:1;cursor:pointer;z-index:2}.mis-zoom-prev{left:20px}.mis-zoom-next{right:20px}.mis-zoom-nav[hidden]{display:none}.mis-zoom-nav:focus-visible{outline:2px solid #9bdc28;outline-offset:3px}
.mis-zoom-track{display:flex;width:100%;height:100%;will-change:transform;touch-action:none}
.mis-zoom-cell{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.mis-zoom-photo{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;transform-origin:center;will-change:transform;pointer-events:none;user-select:none}
.mis-zoom-nav{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff18;font-size:28px;backdrop-filter:blur(12px)}
.mis-zoom-nav:hover{background:#ffffff30}
.mis-zoom-tools button{border:0;background:#ffffff12;border-radius:50%;padding:0;width:40px;min-width:40px;font-size:18px}
.mis-zoom-tools [data-zoom="reset"]{border-radius:20px;width:auto;padding:0 16px;font-size:13px}
.mis-zoom-hint{font-size:12px;color:#999}
@media(max-width:749px){.mis-zoom-nav{display:none!important}.mis-zoom-stage{inset:64px 0 40px}.mis-zoom-tools{height:64px;gap:4px;padding-left:12px}.mis-zoom-close{top:12px;right:12px}.mis-zoom-hint{font-size:0;bottom:14px}.mis-zoom-count{font-size:12px;letter-spacing:2px}.mis-zoom-tools output{font-size:14px;min-width:48px}}