.product-screenshot-frame {
  display: block;
  min-width: 0;
  padding: clamp(10px, 1.6vw, 16px);
  border: 1px solid var(--hairline);
  border-radius: 8px;
  background: var(--surface-raised);
}
a[data-product-screenshot], a[data-import-screenshot] { cursor: zoom-in; }
a[data-product-screenshot]:focus-visible, a[data-import-screenshot]:focus-visible {
  outline: 2px solid var(--focus-ring); outline-offset: 4px;
}
.product-screenshot-frame img { display: block; width: 100%; height: auto; border-radius: 7px; }
.tool-hero-media.product-screenshot-frame, .tool-case-image.product-screenshot-frame {
  padding: clamp(10px, 1.6vw, 16px); background: var(--surface-raised);
  border: 1px solid var(--hairline); aspect-ratio: auto; box-shadow: none;
}
.tool-hero-media.product-screenshot-frame > img, .tool-case-image.product-screenshot-frame img {
  width: 100%; height: auto; object-fit: contain;
}
.landing-proof-media > a[data-product-screenshot] { display: block; min-width: 0; }
.product-screenshot-dialog {
  width: min(1600px, calc(100vw - 32px)); max-width: none;
  max-height: calc(100dvh - 32px); padding: 16px;
  border: 1px solid var(--hairline); border-radius: 8px;
  background: var(--surface-raised); color: var(--ink); overflow: auto;
}
.product-screenshot-dialog::backdrop { background: rgb(0 0 0 / 70%); }
.product-screenshot-dialog form { display: flex; justify-content: flex-end; margin: 0 0 12px; }
.product-screenshot-dialog button { min-height: 44px; }
.product-screenshot-dialog img { display: block; max-width: none; height: auto; }
.product-screenshot-pan { max-height: calc(100dvh - 180px); overflow: auto; overscroll-behavior: contain; }
.product-screenshot-pan:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.product-screenshot-dialog p { margin: 12px 0 0; font-size: 14px; line-height: 1.6; }
@media (max-width: 800px) { .product-screenshot-dialog { padding: 10px; } }