.guide-image{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.guide-image img{display:block;width:100%;height:auto;border-radius:3px}.guide-viewer[hidden]{display:none}.guide-viewer{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.64);backdrop-filter:blur(1px)}.guide-viewer-open{overflow:hidden}.guide-viewer__stage{width:min(72vw,1050px);height:min(78vh,760px);display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-viewer__stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .18s ease;box-shadow:0 8px 35px rgba(0,0,0,.22)}.guide-viewer__toolbar{position:absolute;top:18px;right:24px;z-index:2;display:flex;gap:8px}.guide-viewer__toolbar button,.guide-viewer__nav{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(15,15,15,.7);color:#fff;font:400 23px/1 Arial;cursor:pointer}.guide-viewer__toolbar button:hover,.guide-viewer__nav:hover{background:#00b67f}.guide-viewer__toolbar button[data-action=close]{margin-left:10px;font-size:29px}.guide-viewer__nav{position:absolute;top:50%;width:46px;height:46px;font-size:38px;transform:translateY(-50%)}.guide-viewer__nav--prev{left:25px}.guide-viewer__nav--next{right:25px}.guide-viewer__count{position:absolute;bottom:18px;left:50%;padding:6px 14px;border-radius:20px;background:rgba(15,15,15,.7);color:#fff;font-size:14px;transform:translateX(-50%)}
@media(max-width:700px){.guide-viewer__stage{width:92vw;height:75vh}.guide-viewer__toolbar{top:12px;right:12px}.guide-viewer__toolbar button{width:34px;height:34px}.guide-viewer__nav{width:38px;height:38px}.guide-viewer__nav--prev{left:8px}.guide-viewer__nav--next{right:8px}}
@media(max-width:700px){.guide-viewer{align-items:flex-start;padding-top:65px}.guide-viewer__stage{width:100vw;height:calc(100dvh - 115px);padding:10px}.guide-viewer__toolbar{top:10px;left:10px;right:10px;justify-content:center}.guide-viewer__toolbar button{width:40px;height:40px;background:rgba(10,31,25,.9)}.guide-viewer__toolbar button[data-action=close]{margin-left:auto}.guide-viewer__nav{top:auto;bottom:12px;width:44px;height:44px;background:rgba(10,31,25,.9);transform:none}.guide-viewer__nav--prev{left:12px}.guide-viewer__nav--next{right:12px}.guide-viewer__count{bottom:20px}}