.tools-container:has(.tool-page-meta-tags-checker) {
  width: min(1280px, calc(100% - 32px));
  max-width: 1280px;
  padding-left: 28px;
  padding-right: 28px;
}
.tool-page.tool-page-meta-tags-checker,
.shared-result-main.tool-page-meta-tags-checker { width: 100%; max-width: 100%; min-width: 0; color: var(--tf-text); }
.mt-page, .mt-results, .mt-report, .mt-table-wrap, .mt-json { min-width: 0; max-width: 100%; }
.mt-table-wrap { overflow-x: auto; }
.tool-page-meta-tags-checker .tool-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "mark title back" "mark text back";
  column-gap: 14px;
  align-items: center;
  margin-bottom: 18px;
}
.mt-mark {
  grid-area: mark;
  width: 52px; height: 52px; display: grid; place-items: center;
  border-radius: 14px; background: #2459e0; color: #fff;
}
.tool-page-meta-tags-checker .tool-header h1 { grid-area: title; margin: 0; font-size: 34px; line-height: 1.1; }
.tool-page-meta-tags-checker .tool-description { grid-area: text; margin: 4px 0 0; }
.tool-page-meta-tags-checker .tf-back { grid-area: back; align-self: start; }
.mt-page { display: grid; gap: 20px; }
.mt-card, .mt-report {
  background: var(--tf-card); border: 1px solid var(--tf-line); border-radius: 16px; padding: 24px;
}
.mt-card h2, .mt-report h2, .mt-report h3 { margin: 0; color: var(--tf-text); }
.mt-help, .mt-note, .mt-note-line { color: var(--tf-muted); line-height: 1.5; }
.mt-label { display: block; margin: 16px 0 8px; font-size: 14px; font-weight: 650; }
.mt-entry, .mt-actions, .mt-report-head, .mt-final { display: flex; gap: 10px; align-items: center; }
.mt-entry .mt-input { flex: 1; min-width: 0; }
.tool-page-meta-tags-checker .mt-input,
.shared-result-main.tool-page-meta-tags-checker .mt-input {
  width: 100%; height: 50px; border-radius: 12px; border: 1px solid var(--tf-line);
  background: #fff; color: #182b49; padding: 0 16px; font-family: inherit; font-size: 16px;
}
.mt-submit, .mt-retry {
  height: 50px; padding: 0 18px; border: 0; border-radius: 12px; background: #2459e0; color: #fff;
  font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.mt-submit:disabled { opacity: 0.7; cursor: progress; }
.mt-example { display: inline-block; margin-top: 12px; color: #2459e0; font-weight: 700; background: transparent; border: 0; padding: 0; cursor: pointer; }
.tool-page-meta-tags-checker .mt-results > .mt-sample,
.shared-result-main.tool-page-meta-tags-checker .mt-results > .mt-sample {
  display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 12px 14px;
  border-radius: 12px; background: #e8f1ff; color: #1d3f91; border: 1px solid #d5e4ff;
}
.mt-note, .mt-sample, .mt-banner {
  display: flex; gap: 10px; margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: #eef3ff; line-height: 1.5;
}
.mt-banner { flex-direction: column; gap: 4px; }
.mt-banner.is-ok { background: #ecfdf3; }
.mt-banner.is-warn, .mt-note.is-info { background: #fff7ed; }
.mt-banner.is-bad { background: #fef3f2; }
.mt-banner strong, .mt-banner span { display: block; }
.mt-error { margin: 12px 0 0; color: #b42318; }
.tool-page-meta-tags-checker [hidden] { display: none !important; }
.mt-split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr); gap: 16px; }
.mt-look { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.mt-look article, .mt-rel { border: 1px solid var(--tf-line); border-radius: 14px; padding: 14px; }
.mt-look article { display: flex; gap: 10px; }
.mt-ico, .mt-rel-icon { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 10px; background: #eef3ff; color: #2459e0; }
.mt-rel-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
.mt-rel-icon.seo { background: #ecfdf3; color: #067647; }
.mt-rel-icon.share { background: #eef3ff; color: #2459e0; }
.mt-rel-icon.redirect { background: #fff7ed; color: #9a3412; }
.mt-look h3, .mt-steps strong { margin: 0 0 4px; font-size: 15px; }
.mt-look p, .mt-steps span, .mt-rel span span { margin: 0; color: var(--tf-muted); font-size: 13px; line-height: 1.45; }
.mt-steps { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 12px; }
.mt-steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; }
.mt-steps li > span { width: 28px; height: 28px; border-radius: 999px; background: #2459e0; color: #fff; display: grid; place-items: center; font-weight: 700; }
.mt-steps strong, .mt-steps li div span { display: block; }
.mt-faq details { border-top: 1px solid var(--tf-line); }
.mt-faq summary { display: flex; justify-content: space-between; gap: 16px; padding: 16px 4px 16px 0; cursor: pointer; font-weight: 650; list-style: none; min-width: 0; }
.mt-faq summary::-webkit-details-marker { display: none; }
.mt-faq summary::marker { content: ""; }
.mt-faq summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #5c6b82; border-bottom: 2px solid #5c6b82; transform: rotate(45deg); }
.mt-faq details[open] summary::after { transform: rotate(-135deg); }
.mt-faq details:not([open]) > :not(summary) { display: none; }
.mt-faq p { margin: 0 0 16px; color: var(--tf-muted); line-height: 1.55; }
.mt-related { margin-top: 8px; }
.mt-related-head h2 { margin: 0 0 10px; font-size: 22px; }
.mt-related-head p { margin: 0 0 16px; color: var(--tf-muted); }
.mt-rel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mt-rel { display: flex; gap: 12px; align-items: center; text-decoration: none; color: inherit; background: var(--tf-card); }
.mt-rel strong, .mt-rel span span { display: block; }
.tool-page-meta-tags-checker .mt-report h2,
.shared-result-main.tool-page-meta-tags-checker .mt-report h2 { margin: 0; font-size: 28px; line-height: 1.2; }
.tool-page-meta-tags-checker .mt-report h3,
.shared-result-main.tool-page-meta-tags-checker .mt-report h3 { margin: 0; font-size: 20px; line-height: 1.3; }
.mt-report-head { justify-content: space-between; align-items: center; }
.mt-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 28px; align-items: start; margin-top: 22px; }
.mt-lead, .mt-fine, .mt-count, .mt-absent { margin: 8px 0 0; color: var(--tf-muted); line-height: 1.5; }
.mt-kicker { color: var(--tf-muted); font-size: 13px; font-weight: 650; }
.mt-finalbox { text-align: right; }
.mt-final-url { margin: 4px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.mt-callout { display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: #fff7ed; border: 1px solid #f6ddb0; }
.mt-callout.is-review { background: #fff7ed; }
.mt-callout strong, .mt-callout span span { display: block; }
.mt-callout-ico { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; border-radius: 999px; background: #f79009; color: #fff; font-weight: 800; }
.mt-chips { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 18px; }
.mt-chip { display: flex; gap: 10px; align-items: center; min-width: 0; }
.mt-chip-ico { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 10px; background: #eef3ff; color: #2459e0; }
.mt-chip b, .mt-chip .mt-status { display: block; }
.mt-chip b { margin-bottom: 2px; }
.mt-status { display: inline-flex; align-items: center; gap: 6px; width: fit-content; margin-top: 2px; padding: 2px 8px; border-radius: 999px; color: var(--tf-muted); font-size: 12px; font-weight: 700; background: #eef2f6; }
.mt-status.is-ok { background: #ecfdf3; color: #067647; }
.mt-status.is-warn { background: #fff7ed; color: #b54708; }
.mt-status.is-muted { background: #eef2f6; color: #475467; }
.mt-status-ico { display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.mt-status.is-ok .mt-status-ico { background: #ecfdf3; color: #067647; }
.mt-status.is-warn .mt-status-ico { background: #fff7ed; color: #b54708; }
.mt-status.is-muted .mt-status-ico { background: #eef2f6; color: #475467; }
.mt-banner .mt-status-ico { background: transparent; width: auto; }
.mt-final { margin-top: 12px; }
.mt-final code, .mt-table code, .mt-value, .mt-json, .mt-preview p { overflow-wrap: anywhere; word-break: break-word; }
.mt-tabs { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; margin: 22px 0 0; padding-bottom: 8px; border-bottom: 1px solid var(--tf-line); }
.mt-tabs button { border: 0; background: transparent; border-radius: 999px; }
.mt-tabs [role="tab"][aria-selected="true"] { background: #e8efff; color: #1d4ed8; }
.mt-share, .mt-actions button, .mt-export button, .mt-copy, .mt-preview a, .mt-social a {
  border: 1px solid var(--tf-line); background: var(--tf-card); color: var(--tf-text); border-radius: 10px;
  padding: 8px 12px; font-weight: 650; cursor: pointer; font-family: inherit; text-decoration: none;
}
.mt-social a { display: inline-flex; margin-top: 12px; color: #1d4ed8; }
.mt-table { width: 100%; border-collapse: collapse; table-layout: auto; }
.tool-page-meta-tags-checker .mt-table th,
.tool-page-meta-tags-checker .mt-table td,
.shared-result-main.tool-page-meta-tags-checker .mt-table th,
.shared-result-main.tool-page-meta-tags-checker .mt-table td {
  text-align: left; padding: 14px 12px; border-bottom: 1px solid var(--tf-line); vertical-align: top;
}
.mt-table th:nth-child(1) { width: 24%; }
.mt-table th:nth-child(3) { width: 18%; }
.mt-value { margin: 0; white-space: pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
.mt-split-preview { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: 16px; margin-top: 18px; }
.mt-preview, .mt-social { border: 1px solid var(--tf-line); border-radius: 14px; padding: 16px; min-width: 0; }
.mt-preview h3, .mt-social h3 { margin-bottom: 10px; }
.mt-preview .mt-host { margin: 0; color: #067647; font-size: 13px; }
.mt-serp-title { margin: 2px 0; color: #1d4ed8; font-size: 18px; font-weight: 650; overflow-wrap: anywhere; }
.mt-serp-desc { margin: 0; color: var(--tf-muted); overflow-wrap: anywhere; }
.mt-social-list { display: grid; gap: 8px; margin: 0; }
.mt-social-list div { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 10px; }
.mt-social-list dt { margin: 0; color: var(--tf-muted); font-size: 13px; }
.mt-social-list dd { margin: 0; overflow-wrap: anywhere; }
.mt-report, .mt-banner, .mt-note, .mt-final, .mt-chip, .mt-split > *, .mt-chips > *, .mt-next > *, .mt-split-preview > * { min-width: 0; }
.mt-section-title { margin: 22px 0 0; }
.mt-next { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.mt-next article { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--tf-line); border-radius: 14px; padding: 14px; }
.mt-step-no { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 999px; background: #2459e0; color: #fff; font-weight: 700; }
.mt-next strong, .mt-next p, .mt-export strong, .mt-export article > span > span { display: block; }
.mt-next p, .mt-export article > span > span { margin: 6px 0 0; color: var(--tf-muted); }
.mt-export { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.mt-export article { display: flex; justify-content: space-between; align-items: center; gap: 16px; border: 1px solid var(--tf-line); border-radius: 14px; padding: 16px; min-width: 0; }
.mt-export-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.mt-json { max-height: 280px; overflow: auto; margin: 12px 0 0; padding: 12px; border-radius: 12px; background: #f4f7fb; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; white-space: pre-wrap; }
.mt-submit:focus-visible, .mt-input:focus-visible, .mt-example:focus-visible, .mt-faq summary:focus-visible,
.mt-tabs button:focus-visible, .mt-actions button:focus-visible, .mt-rel:focus-visible, .mt-retry:focus-visible, .mt-copy:focus-visible {
  outline: 2px solid #2459e0; outline-offset: 2px;
}
[data-theme="dark"] .tool-page-meta-tags-checker .mt-input,
[data-theme="dark"] .mt-share, [data-theme="dark"] .mt-actions button, [data-theme="dark"] .mt-tabs button, [data-theme="dark"] .mt-copy {
  background: #070d18; color: var(--tf-text);
}
[data-theme="dark"] .mt-note, [data-theme="dark"] .mt-ico, [data-theme="dark"] .mt-json { background: #13203a; }
[data-theme="dark"] .mt-banner.is-ok { background: #123024; }
[data-theme="dark"] .mt-banner.is-warn, [data-theme="dark"] .mt-note.is-info { background: #3a2a14; }
[data-theme="dark"] .mt-banner.is-bad, [data-theme="dark"] .mt-callout { background: #3a2a14; color: var(--tf-text); border-color: #5c4320; }
[data-theme="dark"] .mt-status.is-ok { background: #123024; color: #75e0a7; }
[data-theme="dark"] .mt-status.is-warn { background: #3a2a14; color: #fec84b; }
[data-theme="dark"] .mt-status.is-muted { background: #1d2939; color: #d0d5dd; }
[data-theme="dark"] .mt-chip-ico { background: #13203a; }
[data-theme="dark"] .mt-status.is-ok .mt-status-ico { background: #123024; color: #75e0a7; }
[data-theme="dark"] .mt-status.is-warn .mt-status-ico { background: #3a2a14; color: #fec84b; }
[data-theme="dark"] .mt-status.is-muted .mt-status-ico { background: #1d2939; color: #d0d5dd; }
@media (max-width: 860px) {
  .tool-page-meta-tags-checker .tool-header { grid-template-columns: auto 1fr; grid-template-areas: "mark title" "text text" "back back"; }
  .tool-page-meta-tags-checker .tool-header h1 { font-size: 28px; }
}
@media (max-width: 900px) {
  .mt-split, .mt-rel-grid, .mt-split-preview, .mt-next, .mt-export, .mt-hero { grid-template-columns: 1fr; }
  .mt-finalbox { text-align: left; }
}
@media (max-width: 700px) {
  .mt-entry, .mt-report-head, .mt-actions, .mt-final { flex-direction: column; align-items: stretch; }
  .mt-submit, .mt-share, .mt-retry { width: 100%; }
  .mt-split, .mt-look, .mt-rel-grid, .mt-split-preview, .mt-next, .mt-export, .mt-hero { grid-template-columns: 1fr; }
  .mt-social-list div { grid-template-columns: 1fr; }
  .mt-export article { flex-direction: column; align-items: stretch; }
  .mt-table thead { display: none; }
  .mt-table, .mt-table tbody, .mt-table tr, .mt-table td { display: block; width: auto; }
  .tool-page-meta-tags-checker .mt-table td,
  .shared-result-main.tool-page-meta-tags-checker .mt-table td { border: 0; padding: 0 0 8px; }
  .mt-table td::before { content: attr(data-label); display: block; color: var(--tf-muted); font-size: 12px; font-weight: 650; }
}