/* Full-width, light screenshot viewer. Native popover preserves page scroll and focus. */
.capture-image-controls{position:relative}
.capture-image-controls:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.capture-image-controls>.capture-viewer-trigger{display:none}
.capture-image-controls>.capture-viewer-fallback{display:block}
.capture-image-controls>.capture-image-link{width:100%;padding:0;border:0;border-radius:0;cursor:zoom-in;text-align:inherit;font:inherit}
.capture-image-controls>.capture-viewer-trigger{background:var(--surface-soft)}
.capture-footer>.capture-viewer-trigger{display:none}
.capture-footer>.capture-viewer-fallback{display:inline-flex}
.capture-footer>.capture-viewer-trigger,.capture-footer>.capture-viewer-fallback{align-items:center;gap:.4em;min-height:44px;padding:0;border:0;background:none;color:var(--deep);text-decoration:underline;text-underline-offset:4px;font:inherit;font-weight:700;cursor:zoom-in}
.capture-footer>.capture-viewer-trigger:hover,.capture-footer>.capture-viewer-fallback:hover{color:var(--deep)}
.capture-image-controls>.capture-image-link:focus-visible,.capture-footer>.capture-viewer-trigger:focus-visible,.capture-footer>.capture-viewer-fallback:focus-visible,.capture-viewer__close:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.capture-image-controls>.capture-image-link:focus-visible{outline-offset:-3px}
@supports selector(:popover-open){
  .capture-image-controls>.capture-viewer-trigger{display:block}
  .capture-image-controls>.capture-viewer-fallback{display:none}
  .capture-footer>.capture-viewer-trigger{display:inline-flex}
  .capture-footer>.capture-viewer-fallback{display:none}
}
.capture-viewer{display:none;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#edf3ff;color:var(--ink);z-index:200}
.capture-viewer:target{display:block}
@supports selector(:popover-open){.capture-viewer:popover-open{display:block}}
@supports selector(:has(*)){
  html:has(body > .capture-viewer:target){overflow:hidden}
  body:has(> .capture-viewer:target) > :not(.capture-viewer){visibility:hidden}
  @supports selector(:popover-open){
    html:has(body > .capture-viewer:popover-open){overflow:hidden}
    body:has(> .capture-viewer:popover-open) > :not(.capture-viewer){visibility:hidden}
  }
}
.capture-viewer::backdrop{background:#14223b66}
.capture-viewer__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:64px;padding:8px clamp(16px,3vw,44px);background:linear-gradient(110deg,#f2f6ff,#e4edff);border-bottom:1px solid #ccd9f0;box-shadow:0 2px 12px #1c335014}
.capture-viewer__bar h2{flex:1 1 180px;min-width:0;margin:0;padding-left:12px;border-left:3px solid var(--blue);font-size:18px;line-height:1.3;letter-spacing:-.02em;font-weight:700;overflow-wrap:anywhere}
.capture-viewer__close{flex:0 0 auto;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #c2d2ee;border-radius:10px;background:#e6edff;color:var(--deep);font:inherit;font-size:28px;line-height:1;text-decoration:none;cursor:pointer}
.capture-viewer__close:hover{background:#d8e5ff;border-color:#91afe8;color:var(--deep)}
.capture-viewer__close-native{display:none}
@supports selector(:popover-open){.capture-viewer:popover-open .capture-viewer__close-native{display:inline-grid}.capture-viewer:popover-open .capture-viewer__close-fallback{display:none}}
.capture-viewer__figure{margin:0}
.capture-viewer__figure img{display:block;width:100%;height:auto;max-width:3840px;margin-inline:auto}
.capture-viewer__figure img[src="/assets/previews/merchant-workspace-preview.webp"]{max-width:1917px}
.capture-viewer__figure figcaption{padding:16px clamp(16px,3vw,44px) 28px;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:500px){.capture-viewer__bar{min-height:60px}.capture-viewer__bar h2{font-size:16px}}