@layer components {
  /* Document preview — dock tenant and standalone page (attachments/previews). */

  .doc-preview__frame {
    /* Native browser viewer scrolls internally; fill the dock's height. */
    block-size: calc(100dvh - 11rem);
    min-block-size: 24rem;
    inline-size: 100%;
    border: 0;
    border-radius: var(--border-radius, 0.5rem);
    background-color: var(--color-gray-lightest);
  }

  .doc-preview__image {
    inline-size: 100%;
    block-size: auto;
    border-radius: var(--border-radius, 0.5rem);
  }

  .doc-preview__media {
    inline-size: 100%;
    border-radius: var(--border-radius, 0.5rem);
  }
}