.mt-ai-search {
  margin-left: 0.75rem;
}

.mt-ai-search__form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mt-ai-search__message {
  max-width: 320px;
  font-size: 0.85rem;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.65);
}

.mt-ai-search__message--error {
  color: #b00020;
}

.mt-ai-search__message--ok {
  color: rgba(0, 0, 0, 0.65);
}

.mt-ai-search__message--info {
  color: #1a73e8;
}

.mt-ai-search__input {
  width: clamp(180px, 28vw, 420px);
  padding: 0.45rem 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  font: inherit;
}

.mt-ai-search__input:disabled {
  opacity: 0.7;
}

.mt-ai-search__button {
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font: inherit;
}

.mt-ai-search__button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.mt-ai-search__form--busy .mt-ai-search__button {
  position: relative;
}

.mt-ai-search__form--busy .mt-ai-search__button::after {
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.5em;
  border: 2px solid rgba(0, 0, 0, 0.25);
  border-top-color: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  vertical-align: -0.15em;
  animation: mt-ai-search-spin 0.8s linear infinite;
}

@keyframes mt-ai-search-spin {
  to {
    transform: rotate(360deg);
  }
}

.mt-ai-search-page {
  max-width: 900px;
  margin: 0 auto;
}

.mt-ai-search-status {
  margin: 0.75rem 0 0.5rem;
  color: rgba(0, 0, 0, 0.75);
}

.mt-ai-search-progress {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.08);
}

.mt-ai-search-progress > div {
  height: 100%;
  width: 33%;
  background: rgba(0, 0, 0, 0.35);
  animation: mt-ai-search-indeterminate 1.05s infinite ease-in-out;
}

@keyframes mt-ai-search-indeterminate {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(320%);
  }
}

.mt-ai-search-result {
  margin-top: 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mt-ai-search-result__answer {
  line-height: 1.5;
}

.mt-ai-search-result__refs {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.mt-ai-search-result__refs-title {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.mt-ai-search-result__links {
  margin-top: 0.75rem;
  padding-left: 1.1rem;
}

.mt-ai-search-result__error {
  color: #b00020;
}

.mt-ai-search-hint {
  margin-top: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
}

.mt-ai-search-hint code {
  padding: 0.1rem 0.35rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.06);
}