html.security-image-viewer-open{overflow:hidden;scrollbar-gutter:stable;overscroll-behavior:none}
.security-image-viewer{width:calc(100vw - 40px);max-width:1800px;height:calc(100vh - 40px);height:calc(100dvh - 40px);max-height:none;margin:auto;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);overflow:hidden}
.security-image-viewer[open]{display:flex;flex-direction:column;gap:12px}
.security-image-viewer::backdrop{background:rgba(0,0,0,.82)}
.security-image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none}
.security-image-viewer header>strong{min-width:0;flex:1 1 240px;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
.security-image-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}
.security-image-controls button{min-width:44px;min-height:44px;padding:8px 12px;white-space:nowrap}
.security-image-controls button:first-child,.security-image-controls button:nth-of-type(2){font-size:22px;font-weight:500;line-height:1}
.security-image-controls a{font-size:13px;padding:10px 4px}
.security-image-scale{min-width:48px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px}
.security-image-viewport{position:relative;overflow:hidden;flex:1 1 0;min-height:120px;width:100%;background:#11171b;border-radius:10px;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}
.security-image-viewport:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.security-image-viewport img{position:absolute;left:0;top:0;display:block;max-width:none;max-height:none;object-fit:fill;transform-origin:0 0;will-change:transform;pointer-events:none}
.security-image-viewport img[hidden]{display:none}
.security-image-pannable{cursor:grab}
.security-image-dragging{cursor:grabbing}
.security-image-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:24px}
.security-image-hint{flex:none;margin:0;color:var(--muted);font-size:12px;text-align:center;line-height:1.4}
.security-thumb[role=button]{cursor:zoom-in}
.security-thumb[role=button]:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:640px){
  .security-image-viewer{width:100vw;height:100vh;height:100dvh;max-width:none;padding:12px;border:0;border-radius:0;gap:10px}
  .security-image-viewer header{gap:10px}
  .security-image-viewer header>strong{flex-basis:100%;font-size:13px}
  .security-image-controls{gap:6px;width:100%}
  .security-image-controls button{padding:8px 10px}
  .security-image-controls a{order:1;margin-right:auto}
  .security-image-controls button:last-child{order:2;margin-left:auto}
  .security-image-hint{font-size:11px}
}