/* Meta Tag Generator — scoped styles. Uses global tokens. */
.nx-tool--meta-tag-generator .nx-mt-select {
  -webkit-appearance: auto;
  appearance: auto;
}

/* Preview labels */
.nx-tool--meta-tag-generator .nx-mt-preview__label {
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--nx-slate, #475569);
  margin-bottom: .5rem;
}

/* Preview boxes */
.nx-tool--meta-tag-generator .nx-mt-preview__box {
  border: 1px solid var(--nx-line, #E2E8F0);
  border-radius: var(--nx-r, 14px);
  overflow: hidden;
  background: #fff;
}

/* Google SERP preview */
.nx-tool--meta-tag-generator .nx-mt-preview__box--google { padding: 1rem 1.125rem; }
.nx-tool--meta-tag-generator .nx-mt-prev-url {
  font-size: .76rem;
  color: #202124;
  margin-bottom: .2rem;
}
.nx-tool--meta-tag-generator .nx-mt-prev-url::before {
  content: '🔒 ';
  font-size: .7rem;
}
.nx-tool--meta-tag-generator .nx-mt-prev-title {
  font-size: 1.1rem;
  font-weight: 400;
  color: #1a0dab;
  margin-bottom: .25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nx-tool--meta-tag-generator .nx-mt-prev-desc {
  font-size: .84rem;
  color: #4d5156;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Social OG preview */
.nx-tool--meta-tag-generator .nx-mt-prev-og-img {
  height: 150px;
  background: var(--nx-mist, #F8FAFC) center / cover no-repeat;
  border-bottom: 1px solid var(--nx-line, #E2E8F0);
}
.nx-tool--meta-tag-generator .nx-mt-prev-og-body { padding: .75rem 1rem; }
.nx-tool--meta-tag-generator .nx-mt-prev-og-site {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--nx-slate, #475569);
  margin-bottom: .2rem;
}
.nx-tool--meta-tag-generator .nx-mt-prev-og-title {
  font-size: .95rem;
  font-weight: 600;
  color: var(--nx-navy-ink, #222A41);
  margin-bottom: .2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nx-tool--meta-tag-generator .nx-mt-prev-og-desc {
  font-size: .82rem;
  color: var(--nx-slate, #475569);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Output */
.nx-tool--meta-tag-generator .nx-tool__out {
  font-size: .82rem;
  color: var(--nx-ink, #0F172A);
}