/* The AI label (T1c): small, quiet, always legible on a photo; logical corners so it mirrors in Hebrew. */
/* display at zero specificity: a utility class on the caller (block, hidden) always wins. */
:where(.ai-gen-badge) { display: inline-flex; }
.ai-gen-badge {
  align-items: center;
  gap: 4px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 2px 7px;
  border: 1px solid rgb(255 255 255 / 0.28);
  border-radius: 999px;
  background: rgb(10 12 16 / 0.72);
  color: #fff;
  font: 600 11px/1.35 system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Hebrew', Arial, sans-serif;
  letter-spacing: 0.01em;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.ai-gen-badge::before {
  content: '';
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8fb5ff;
}
.ai-gen-badge--overlay {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
/* :where() keeps the corners at zero specificity, so a surface can nudge one with a utility class. */
:where(.ai-gen-badge--top-start) { top: 6px; inset-inline-start: 6px; }
:where(.ai-gen-badge--top-end) { top: 6px; inset-inline-end: 6px; }
:where(.ai-gen-badge--bottom-start) { bottom: 6px; inset-inline-start: 6px; }
:where(.ai-gen-badge--bottom-end) { bottom: 6px; inset-inline-end: 6px; }
/* A tiny avatar: two letters in a strip at the foot of the circle. */
.ai-gen-badge--mini {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  justify-content: center;
  gap: 0;
  padding: 0 0 1px;
  border: 0;
  border-radius: 0;
  background: rgb(10 12 16 / 0.78);
  font-size: 9px;
  line-height: 13px;
  pointer-events: none;
}
.ai-gen-badge--mini::before { display: none; }
/* A round thumbnail that does not clip: a small pill hanging off its foot. */
.ai-gen-badge--pill {
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  justify-content: center;
  gap: 0;
  padding: 0 7px 1px;
  background: rgb(10 12 16 / 0.86);
  font-size: 10px;
  line-height: 14px;
  pointer-events: none;
}
.ai-gen-badge--pill::before { display: none; }
/* A line next to a control (the voice button, the hearing header): plain text with a dot. */
.ai-gen-badge--line {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  color: inherit;
  opacity: 0.8;
  font-weight: 500;
  white-space: normal;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.ai-gen-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
/* A frame that pins the label to a picture without changing how the picture is laid out. */
.ai-gen-frame { position: relative; display: block; max-width: 100%; }
.ai-gen-frame--fill { height: 100%; }
/* A one-line AI note under a picture or a film (T1c). */
.ai-gen-note { display: block; margin: 10px 0 0; font-size: 13px; line-height: 1.5; opacity: 0.85; }
.ai-gen-note::before { display: none; }