.post-copy .sv-attachment-image { display:block; width:max-content; max-width:100%; margin:16px 0 20px; padding:0; }
.post-copy .sv-attachment-image .sv-image-trigger { display:inline-block; max-width:100%; border:1px solid var(--line); border-radius:11px; background:var(--soft); overflow:hidden; cursor:zoom-in; line-height:0; }
.post-copy .sv-attachment-image img { display:block; width:auto !important; height:auto !important; max-width:100%; max-height:440px; object-fit:contain; margin:0; border-radius:9px; }
.post-copy .sv-attachment-image figcaption { display:block; margin-top:7px; color:var(--muted); font:10px/1.5 Inter,Arial,sans-serif; }
.post-copy .sv-image-trigger:hover { border-color:var(--blue); box-shadow:0 4px 16px color-mix(in srgb,var(--blue) 12%,transparent); }
.post-copy .sv-image-trigger:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.sv-image-viewer-open { overflow:hidden !important; }
.sv-image-viewer { position:fixed; z-index:300000; inset:0; display:grid; place-items:center; padding:20px; }
.sv-image-viewer-backdrop { position:absolute; inset:0; background:rgba(7,16,30,.78); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); cursor:zoom-out; }
.sv-image-viewer-dialog { position:relative; width:min(1300px,100%); max-height:calc(100dvh - 40px); display:flex; flex-direction:column; min-width:0; color:#eef5ff; font:14px/1.5 Inter,Arial,sans-serif; }
.sv-image-viewer-dialog > header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 0 13px; }
.sv-image-viewer-dialog header > div { min-width:0; }
.sv-image-viewer-dialog h2 { margin:0; color:#eef5ff; font-size:13px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.sv-image-viewer-dialog [data-image-counter] { display:block; margin-top:3px; color:#b8c9dd; font-size:10px; }
.sv-image-viewer-close { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; padding:0; border:1px solid #aabfd355; border-radius:10px; color:#fff; background:#ffffff14; font:30px/1 Inter,Arial,sans-serif; cursor:pointer; }
.sv-image-viewer-close:hover { background:#ffffff29; }
.sv-image-viewer-stage { position:relative; min-height:130px; min-width:0; display:flex; justify-content:center; align-items:center; padding:0 52px; cursor:zoom-out; }
.sv-image-viewer-stage [data-image-full] { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 160px); object-fit:contain; border-radius:9px; box-shadow:0 15px 65px rgba(0,0,0,.38); cursor:default; }
.sv-image-viewer [hidden] { display:none !important; }
.sv-image-viewer-arrow { position:absolute; z-index:1; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:38px; height:48px; padding:0; border:1px solid #aac2d455; border-radius:9px; color:#fff; background:#ffffff14; font:35px/1 Inter,Arial,sans-serif; cursor:pointer; }
.sv-image-viewer-arrow.previous { left:0; }.sv-image-viewer-arrow.next { right:0; }
.sv-image-viewer-arrow:hover { background:#ffffff29; }
.sv-image-viewer-load { padding:30px; color:#e5effb; font-size:13px; text-align:center; }
.sv-image-viewer-fallback { padding:10px 14px; border:1px solid #aac2d455; border-radius:8px; color:#fff; background:#ffffff14; font-size:12px; }
.sv-image-viewer-dialog > footer { padding:13px 0 5px; color:#b8c9dd; font-size:10px; text-align:center; }
.sv-image-viewer kbd { padding:2px 5px; border:1px solid #bbcce244; border-radius:4px; color:#dceaff; background:#ffffff12; font:10px Inter,Arial,sans-serif; }
.sv-image-viewer button:focus-visible,.sv-image-viewer a:focus-visible { outline:2px solid #7eb7ff; outline-offset:3px; }
@media(max-width:680px) {
  .post-copy .sv-attachment-image img { max-height:340px; }
  .sv-image-viewer { padding:11px; }
  .sv-image-viewer-dialog { max-height:calc(100dvh - 22px); }
  .sv-image-viewer-dialog h2 { font-size:11px; }
  .sv-image-viewer-stage { padding:0 0 50px; }
  .sv-image-viewer-stage [data-image-full] { max-height:calc(100dvh - 190px); }
  .sv-image-viewer-arrow { top:auto; bottom:0; transform:none; height:38px; }
  .sv-image-viewer-arrow.previous { left:calc(50% - 45px); }.sv-image-viewer-arrow.next { right:calc(50% - 45px); }
  .sv-image-viewer-close { flex-basis:36px; width:36px; height:36px; }
}