.ai-log__hint {
  color: var(--color-ink-muted);
  font-size: var(--font-size-s);
  margin-block-end: var(--block-space);
}

.ai-log {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.ai-log__entry {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--block-space);
}

.ai-log__entry summary {
  cursor: pointer;
  display: flex;
  gap: var(--inline-space);
  align-items: baseline;
  font-size: var(--font-size-s);
}

.ai-log__model {
  color: var(--color-ink-muted);
}

.ai-log__duration {
  color: var(--color-ink-muted);
  margin-inline-start: auto;
}

.ai-log__error-badge {
  color: oklch(50% 0.18 25);
  font-weight: 700;
}

.ai-log__detail {
  margin-block-start: var(--block-space);
  display: flex;
  flex-direction: column;
  gap: var(--block-space);
}

.ai-log__detail dt {
  font-size: var(--font-size-s);
  font-weight: 700;
  margin-block-end: 0.3em;
}

.ai-log__detail pre {
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  font-size: var(--font-size-s);
  max-block-size: 16lh;
  overflow-y: auto;
  padding: var(--block-space);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
}

.ai-log__error {
  color: oklch(50% 0.18 25);
}