.sj-image-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#0b1117;color:#f7f8fa;overflow:hidden}.sj-image-dialog[open]{display:flex;flex-direction:column}.sj-image-dialog::backdrop{background:#0b1117}.sj-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));background:#141e27;border-bottom:1px solid #ffffff20}.sj-image-toolbar h2{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.sj-image-dialog button,.sj-image-dialog a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff0b;color:#fff;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;flex-shrink:0}.sj-image-dialog button:disabled{opacity:.4;cursor:default}.sj-image-dialog button:focus-visible,.sj-image-dialog a:focus-visible{outline:3px solid #b9e1cd;outline-offset:2px}.sj-image-zoom{display:flex;gap:6px;align-items:center}.sj-image-zoom output{min-width:45px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.sj-image-zoom [data-image-fit]{padding:0 12px}.sj-image-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;overscroll-behavior:contain}.sj-image-content{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;object-fit:contain;transform-origin:center;will-change:transform;-webkit-user-drag:none}.sj-image-dialog[data-zoomed=true] .sj-image-stage{cursor:grab}.sj-image-dialog[data-zoomed=true] .sj-image-stage:active{cursor:grabbing}.sj-image-state{position:absolute;top:45%;left:24px;right:24px;text-align:center;line-height:1.8;font-size:14px;color:#d8e1e9}.sj-image-retry{position:absolute;left:50%;top:60%;transform:translateX(-50%);padding:0 18px}.sj-image-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#141e27;border-top:1px solid #ffffff20}.sj-image-footer p{font-size:12px;color:#d8e1e9;line-height:1.6;margin:0}.sj-image-footer a{padding:0 10px;white-space:nowrap;font-size:12px}.sj-image-dialog [hidden]{display:none!important}
