/* Keep the complete app capture inside the same dark phone enclosure. */
.app-screen-frame {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  border: clamp(5px, .55vw, 8px) solid #1a1d21;
  border-radius: 16% / 7.5%;
  background: #f6f5f1;
  box-shadow: 0 18px 32px -18px rgba(26, 29, 33, .35);
}

.app-screen-frame > img {
  display: block;
  width: 100%;
  height: auto;
}

/* A saved detail crop remains fully visible, without stretching or invented UI. */
.app-screen-frame-detail {
  display: flex;
  align-items: center;
}

.app-screen-frame-detail > img {
  flex: 0 0 100%;
  object-fit: contain;
}