/* Only a successfully loaded image enables these styles. Default mode never
   changes a container's original appearance. Foreground cards stay opaque. */
.cm-system-background-host { position: relative; isolation: isolate; }
.cm-system-background {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  user-select: none;
  background: var(--c-ground);
}
.cm-system-background > .cm-system-background__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 1;
  pointer-events: none;
}
.cm-system-background::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--c-ground);
  opacity: 0.58;
}
/* Only thumbnail pixels enter Settings; their dimensions never drive layout. */
.cm-system-background-preview {
  display: block;
  width: 100%;
  height: 72px;
  object-fit: cover;
  border-radius: var(--r-tag);
  pointer-events: none;
}