html.webxy-image-open{overflow:hidden;scrollbar-gutter:stable}
dialog.webxy-image-preview{width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid #ffffff24;border-radius:20px;padding:12px;background:#101722;color:#f5f7fc;box-shadow:0 30px 100px #0008;overflow:auto;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
dialog.webxy-image-preview::backdrop{background:#080c15e8;backdrop-filter:blur(7px)}
.webxy-image-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px 12px}
.webxy-image-count{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#d1d9e7}
.webxy-image-preview button{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;margin:0;border:1px solid #ffffff30;border-radius:50%;background:#263140e8;color:#fff;cursor:pointer;box-shadow:0 3px 12px #0003}
.webxy-image-preview button:hover{background:#40516a}.webxy-image-preview button:focus-visible{outline:3px solid #b4d0ff;outline-offset:3px}
.webxy-image-preview button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.webxy-image-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;position:relative;width:100%;height:min(72dvh,850px);min-height:150px;background:#080d15;border-radius:10px;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}
.webxy-image-preview .webxy-image-photo{display:block;position:static;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;user-select:none}
.webxy-image-prev,.webxy-image-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.webxy-image-prev{left:12px}.webxy-image-next{right:12px}
.webxy-image-preview [hidden]{display:none!important}.webxy-image-caption{margin:12px 12px 4px;font-size:13px;line-height:1.5;color:#d1d9e7;text-align:center;overflow-wrap:anywhere}
.webxy-image-status{position:absolute;max-width:80%;margin:0;color:#d1d9e7;font-size:14px;line-height:1.5;text-align:center}.webxy-image-preview[data-state=ready] .webxy-image-status{display:none}.webxy-image-preview:not([data-state=ready]) .webxy-image-photo{visibility:hidden}
@media(max-width:600px){dialog.webxy-image-preview{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px;padding:8px}.webxy-image-stage{height:72dvh}.webxy-image-prev{left:7px}.webxy-image-next{right:7px}.webxy-image-caption{font-size:12px}.webxy-image-bar{padding:0 0 8px 8px}}