/* Performance-focused utilities */

/* Offscreen rendering optimization */
.deferred-section {
  content-visibility: auto;
  contain-intrinsic-size: 1000px 800px;
}

/* Large scrollable regions */
.chat-log,
.autocomplete-users-list,
.created-images-list,
.mdl-layout__drawer,
.page-content {
  content-visibility: auto;
  contain-intrinsic-size: 600px 800px;
  min-height: 1033ox;
}

/* Avoid reflow jank on lazy images */
img[loading="lazy"] {
  contain: content;
}

/* Common avatar/icon classes are square; reserve aspect ratio to reduce CLS */
.ai-avatar-icon,
.ai-avatar-icon-category,
.elf-style-icon,
.mdl-list__item-avatar,
img.chat-one-to-one-icon {
  aspect-ratio: 1 / 1;
  /* height: auto; */
}

/* Prefer reduced motion users */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}