.card-image[data-gallery],.gallery-open{cursor:zoom-in;padding:0;text-align:inherit}
.gallery-open{display:block;width:100%;position:relative;background:transparent;border:0;color:var(--ink)}
.gallery-open>.gallery-main{margin:0}
.gallery-open>.gallery-enlarge{position:absolute;right:16px;bottom:16px;background:#151c20e8;color:#fff;border:1px solid #ffffff70;padding:9px 15px;border-radius:6px;font:600 15px/1.4 'Noto Sans KR',sans-serif}
dialog.screenshot-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#0b1015;color:#fff;overflow:hidden;overscroll-behavior:contain;font-family:'Noto Sans KR',sans-serif}
dialog.screenshot-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.screenshot-viewer::backdrop{background:#000e}
.screenshot-viewer .screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:#161d25;border-bottom:1px solid #303b48}
.screenshot-toolbar h2{font-size:18px;line-height:1.4;margin:0;color:#fff;letter-spacing:0}
.screenshot-viewer button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #45515f;border-radius:7px;background:#222d39;color:#fff;font:600 16px/1.4 'Noto Sans KR',sans-serif;cursor:pointer;touch-action:manipulation}
.screenshot-viewer button:hover{background:#344254}
.screenshot-viewer button:disabled{opacity:.35;cursor:default}
.screenshot-viewer button:focus-visible{outline:3px solid #00bedb;outline-offset:2px}
.screenshot-stage{display:grid;place-items:center;min-width:0;min-height:0;position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}
.screenshot-stage.is-zoomed{cursor:grab}.screenshot-stage.is-zoomed:active{cursor:grabbing}
.screenshot-stage>img{display:block;max-width:none;max-height:none;object-fit:contain;transform-origin:center;pointer-events:none;user-select:none;will-change:transform}
.screenshot-stage[data-error]:after{content:attr(data-error);position:absolute;padding:25px;color:#fff;text-align:center}
.screenshot-viewer .screenshot-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#161d25;border-top:1px solid #303b48;color:#fff}
.screenshot-controls .screenshot-paging,.screenshot-controls .screenshot-zoom{display:flex;align-items:center;gap:10px}
.screenshot-controls [data-count],.screenshot-controls [data-zoom]{min-width:58px;text-align:center;color:#fff;font-size:15px;font-variant-numeric:tabular-nums}
.screenshot-controls p{margin:0;color:#b4c1cf;font-size:13px}
@media(max-width:600px){.screenshot-toolbar h2{font-size:15px}.screenshot-viewer .screenshot-toolbar{gap:10px;padding-left:12px;padding-right:12px}.screenshot-viewer .screenshot-controls{gap:10px 14px;padding-left:10px;padding-right:10px}.screenshot-viewer button{padding:8px 10px}.screenshot-controls p{flex-basis:100%;text-align:center}.screenshot-controls .screenshot-paging,.screenshot-controls .screenshot-zoom{gap:5px}.screenshot-controls [data-count],.screenshot-controls [data-zoom]{min-width:44px}.gallery-open>.gallery-enlarge{right:10px;bottom:10px;font-size:13px}}
@media(max-height:500px){.screenshot-viewer .screenshot-toolbar{padding-top:5px;padding-bottom:5px}.screenshot-viewer .screenshot-controls{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.screenshot-controls p{display:none}}