/* Loaded FIRST. Base box of <image-slot> (formerly the web component's :host / shadow styles).
   :where() keeps specificity at 0, like :host, so every page rule still wins. */
:where(image-slot) {
  display: block; position: relative;
  font: 13px/1.3 system-ui, -apple-system, sans-serif;
  width: 100%; height: 100%; aspect-ratio: 3/2;
}
:where(image-slot) > .mb-img-frame {
  display: block; position: absolute; inset: 0; overflow: hidden;
  background: rgba(127, 127, 127, .08);
}
:where(image-slot) > .mb-img-frame > img {
  position: absolute; max-width: none; transform: translate(-50%, -50%);
  -webkit-user-drag: none; user-select: none;
}