.v2-image-preview { display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; color: var(--ink, #172033); background: var(--preview-well, #eef1f5); font-family: var(--font-sans, Inter, Segoe UI, Arial, sans-serif); }
.v2-image-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; flex: 0 0 auto; padding: 8px; border-bottom: 1px solid var(--line, #d9dee7); background: var(--surface-2, #f5f7fa); }
.v2-image-action { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; padding: 0; gap: 0; border: 1px solid var(--line, #d0d5dd); border-radius: var(--r-sm, 8px); background: var(--surface, #fff); color: var(--ink-2, #253047); font: 600 12px/1 var(--font-sans, Inter, Segoe UI, Arial, sans-serif); text-decoration: none; cursor: pointer; }
.v2-image-action svg { display: block; width: 18px; height: 18px; flex: none; }
.v2-image-action:hover { background: var(--surface-2, #f5f7fa); color: var(--ink, #172033); }
.v2-image-action:focus-visible, .v2-image-viewport:focus-visible { outline: 2px solid var(--focus, #2563eb); outline-offset: 2px; }
.v2-image-action:disabled { opacity: .55; cursor: not-allowed; }
.v2-image-action[aria-pressed="true"] { border-color: var(--info, #2563eb); color: var(--info, #2563eb); }
.v2-image-action.v2-image-scale { width: 64px; }
.v2-image-action.v2-image-original { width: auto; padding: 0 9px; gap: 5px; margin-left: auto; }
.v2-image-viewport { flex: 1 1 auto; min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; position: relative; }
.v2-image-viewport.is-zoomed { cursor: grab; }
.v2-image-viewport.is-panning { cursor: grabbing; user-select: none; }
.v2-image-stage { position: relative; min-width: 100%; min-height: 100%; }
.v2-image-preview .v2-image-stage > img { position: absolute; display: block; left: 50%; top: 50%; max-width: none; max-height: none; margin: 0; object-fit: contain; user-select: none; -webkit-user-drag: none; transform-origin: center; background: var(--paper, #fff); }
.v2-image-error { margin: 0; padding: 12px; color: var(--bad, #b42318); background: var(--bad-soft, #fef3f2); }
.v2-image-error[hidden] { display: none; }
[data-ui="v2"] .rv-email-preview .v2-image-preview { height: 54vh; min-height: 260px; }
[data-ui="v2"] .rv-email-preview-head .v2-iconbtn { width: 32px; height: 32px; min-width: 32px; min-height: 32px; }
@media (max-width: 760px), (pointer: coarse) {
  .v2-image-action { width: 40px; height: 40px; }
  [data-ui="v2"] .rv-email-preview-head .v2-iconbtn { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
  .v2-image-toolbar { gap: 5px; }
}