/* 그림 보기 창 (viewer.js) */
.viewer{position:fixed;inset:0;z-index:50;--fade:1;background:rgba(20,14,10,calc(.92 * var(--fade)));
  -webkit-user-select:none;user-select:none;font-family:"Pretendard Variable",Pretendard,sans-serif}
.viewer[hidden]{display:none}
.viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.viewer.zoomed .viewer-stage{cursor:grab}
.viewer-stage img{display:block;transform-origin:50% 50%;will-change:transform;-webkit-user-drag:none}
.viewer button{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;display:grid;place-items:center}
.viewer button:hover{background:rgba(255,255,255,.26)}
.viewer-x{top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;font-size:20px}
.viewer-prev,.viewer-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:32px;line-height:1}
.viewer-prev{left:14px}.viewer-next{right:14px}
.viewer.single .viewer-prev,.viewer.single .viewer-next,.viewer.single .viewer-count{display:none}
.viewer.zoomed .viewer-prev,.viewer.zoomed .viewer-next,.viewer.zoomed .viewer-hint{opacity:0;pointer-events:none}
.viewer-count{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);margin:0;
  color:#fff;font-size:15px;font-weight:600;background:rgba(0,0,0,.3);padding:4px 12px;border-radius:999px}
.viewer-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);margin:0;
  color:rgba(255,255,255,.75);font-size:14px;white-space:nowrap;transition:opacity .2s}
@media (hover:none){.viewer-prev,.viewer-next{display:none}}
html.viewer-open,html.viewer-open body{overflow:hidden;overscroll-behavior:none}