[data-seo-tool="canonical-url-checker"]{
  --canonical-accent:#2563eb;
  --canonical-accent-strong:#1d4ed8;
  --canonical-good:#15803d;
  --canonical-warn:#b45309;
  --canonical-bad:#dc2626;
  --canonical-radius:16px;
  color:var(--tool-text,#182230);
}
[data-seo-tool="canonical-url-checker"] [hidden]{display:none!important}
[data-seo-tool="canonical-url-checker"] *{box-sizing:border-box}
.canonical-pro__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:18px;
  align-items:start;
}
.canonical-pro__panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:var(--canonical-radius);
  background:var(--tool-panel-strong,#fff);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
}
.canonical-pro__panel-head,
.canonical-pro__result-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:14px 17px;
  border-bottom:1px solid var(--tool-line,#d9e2ec);
  background:var(--tool-panel-soft,#f8fafc);
}
.canonical-pro__panel-head>span,
.canonical-pro__result-head>div:first-child>span{
  display:flex;
  gap:9px;
  align-items:center;
  color:var(--tool-text,#182230);
  font-size:.96rem;
  font-weight:800;
}
.canonical-pro__panel-head i{color:var(--canonical-accent)}
.canonical-pro__text-button{
  border:0;
  padding:4px;
  background:transparent;
  color:var(--canonical-accent);
  font-weight:750;
  cursor:pointer;
}
.canonical-pro__text-button:hover{text-decoration:underline}
.canonical-pro__mode-switch{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:16px 16px 10px;
  padding:5px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:13px;
  background:var(--tool-panel-soft,#f8fafc);
}
.canonical-pro__mode-switch button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--tool-muted,#65758b);
  font-size:.79rem;
  font-weight:750;
  cursor:pointer;
}
.canonical-pro__mode-switch button:hover{color:var(--tool-text,#182230)}
.canonical-pro__mode-switch button.is-active{
  border-color:var(--tool-line-strong,#c2cfdd);
  background:var(--tool-panel-strong,#fff);
  color:var(--canonical-accent);
  box-shadow:0 3px 10px rgba(15,23,42,.08);
}
.canonical-pro__notice{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin:0 16px 12px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--canonical-accent) 22%,var(--tool-line,#d9e2ec));
  border-radius:11px;
  background:color-mix(in srgb,var(--canonical-accent) 7%,var(--tool-panel-strong,#fff));
  color:var(--tool-muted,#65758b);
  font-size:.75rem;
  line-height:1.48;
}
.canonical-pro__notice i{margin-top:2px;color:var(--canonical-accent)}
.canonical-pro__form{display:grid;gap:13px;padding:4px 16px 16px}
.canonical-pro__field{display:grid;gap:7px;min-width:0}
.canonical-pro__field>span{
  color:var(--tool-text,#182230);
  font-size:.78rem;
  font-weight:780;
}
.canonical-pro__field>span b{color:var(--canonical-bad)}
.canonical-pro__field>span small{color:var(--tool-muted,#65758b);font-size:.68rem;font-weight:650}
.canonical-pro__field>small{
  display:flex;
  justify-content:space-between;
  color:var(--tool-muted,#65758b);
  font-size:.7rem;
  line-height:1.4;
}
.canonical-pro__field input,
.canonical-pro__field textarea,
.canonical-pro__field select,
.canonical-pro__export-bar select{
  width:100%;
  border:1px solid var(--tool-line-strong,#c2cfdd);
  border-radius:10px;
  outline:0;
  background:var(--tool-panel-strong,#fff);
  color:var(--tool-text,#182230);
  font:inherit;
  font-size:.83rem;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.canonical-pro__field input{min-height:42px;padding:9px 11px}
.canonical-pro__field textarea{
  min-height:78px;
  padding:10px 11px;
  resize:vertical;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.75rem;
  line-height:1.55;
}
.canonical-pro__field select{min-height:42px;padding:8px 32px 8px 10px}
.canonical-pro__field input:focus,
.canonical-pro__field textarea:focus,
.canonical-pro__field select:focus,
.canonical-pro__export-bar select:focus{
  border-color:var(--canonical-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--canonical-accent) 17%,transparent);
}
.canonical-pro__field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.canonical-pro__bulk-legend{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:var(--tool-muted,#65758b);
  font-size:.68rem;
}
.canonical-pro__bulk-legend span{
  padding:6px 8px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:8px;
  background:var(--tool-panel-soft,#f8fafc);
}
.canonical-pro__bulk-legend b{color:var(--tool-text,#182230)}
.canonical-pro__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 16px;
  border-top:1px solid var(--tool-line,#d9e2ec);
  background:var(--tool-panel-soft,#f8fafc);
}
.canonical-pro__actions button,
.canonical-pro__export-bar button,
.canonical-pro__handoff button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  border-radius:10px;
  padding:9px 13px;
  font-size:.78rem;
  font-weight:780;
  cursor:pointer;
}
.canonical-pro__reset,
.canonical-pro__export-bar button{
  border:1px solid var(--tool-line-strong,#c2cfdd);
  background:var(--tool-panel-strong,#fff);
  color:var(--tool-text,#182230);
}
.canonical-pro__primary{
  border:1px solid var(--canonical-accent);
  background:var(--canonical-accent);
  color:#fff;
  box-shadow:0 7px 16px color-mix(in srgb,var(--canonical-accent) 25%,transparent);
}
.canonical-pro__primary:hover{background:var(--canonical-accent-strong)}
.canonical-pro__status{
  min-height:36px;
  margin:0;
  padding:10px 16px;
  border-top:1px solid var(--tool-line,#d9e2ec);
  color:var(--tool-muted,#65758b);
  font-size:.72rem;
  line-height:1.4;
}
.canonical-pro__result{position:sticky;top:84px}
.canonical-pro__result-head>div:first-child{display:grid;gap:2px}
.canonical-pro__result-head>div:first-child small{color:var(--tool-muted,#65758b);font-size:.69rem}
.canonical-pro__score{
  display:flex;
  align-items:baseline;
  min-width:68px;
  justify-content:flex-end;
  color:var(--canonical-good);
}
.canonical-pro__score strong{font-size:1.45rem;line-height:1}
.canonical-pro__score span{font-size:.68rem;font-weight:700}
.canonical-pro__score.is-warning{color:var(--canonical-warn)}
.canonical-pro__score.is-error{color:var(--canonical-bad)}
.canonical-pro__metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border-bottom:1px solid var(--tool-line,#d9e2ec);
  background:var(--tool-line,#d9e2ec);
}
.canonical-pro__metrics>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding:11px 7px;
  background:var(--tool-panel-strong,#fff);
}
.canonical-pro__metrics i{color:var(--canonical-accent);font-size:.78rem}
.canonical-pro__metrics span{display:grid;line-height:1.05}
.canonical-pro__metrics strong{color:var(--tool-text,#182230);font-size:.91rem}
.canonical-pro__metrics small{color:var(--tool-muted,#65758b);font-size:.61rem;margin-top:3px}
.canonical-pro__tabs{
  display:flex;
  gap:3px;
  padding:10px 13px 0;
  border-bottom:1px solid var(--tool-line,#d9e2ec);
  background:var(--tool-panel-soft,#f8fafc);
  overflow-x:auto;
}
.canonical-pro__tabs button{
  flex:1 0 auto;
  min-height:37px;
  padding:7px 9px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--tool-muted,#65758b);
  font-size:.72rem;
  font-weight:760;
  cursor:pointer;
}
.canonical-pro__tabs button.is-active{border-bottom-color:var(--canonical-accent);color:var(--canonical-accent)}
.canonical-pro__tab-panel{min-height:420px;padding:15px}
.canonical-pro__verdict{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid;
  border-radius:13px;
}
.canonical-pro__verdict.is-good{border-color:color-mix(in srgb,var(--canonical-good) 35%,var(--tool-line,#d9e2ec));background:color-mix(in srgb,var(--canonical-good) 8%,var(--tool-panel-strong,#fff))}
.canonical-pro__verdict.is-warning{border-color:color-mix(in srgb,var(--canonical-warn) 35%,var(--tool-line,#d9e2ec));background:color-mix(in srgb,var(--canonical-warn) 8%,var(--tool-panel-strong,#fff))}
.canonical-pro__verdict.is-error{border-color:color-mix(in srgb,var(--canonical-bad) 35%,var(--tool-line,#d9e2ec));background:color-mix(in srgb,var(--canonical-bad) 7%,var(--tool-panel-strong,#fff))}
.canonical-pro__verdict-icon{
  display:grid;
  flex:0 0 40px;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:50%;
  background:var(--tool-panel-strong,#fff);
  font-size:1rem;
}
.canonical-pro__verdict.is-good .canonical-pro__verdict-icon{color:var(--canonical-good)}
.canonical-pro__verdict.is-warning .canonical-pro__verdict-icon{color:var(--canonical-warn)}
.canonical-pro__verdict.is-error .canonical-pro__verdict-icon{color:var(--canonical-bad)}
.canonical-pro__verdict>div:last-child{display:grid;gap:2px;min-width:0}
.canonical-pro__verdict span{color:var(--tool-muted,#65758b);font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.canonical-pro__verdict strong{color:var(--tool-text,#182230);font-size:.91rem}
.canonical-pro__verdict small{color:var(--tool-muted,#65758b);font-size:.7rem}
.canonical-pro__target,
.canonical-pro__snippet{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:11px;
  background:var(--tool-panel-soft,#f8fafc);
}
.canonical-pro__target{display:grid;gap:6px}
.canonical-pro__target span,
.canonical-pro__snippet>div>span{color:var(--tool-muted,#65758b);font-size:.68rem;font-weight:750}
.canonical-pro__target code,
.canonical-pro__snippet code{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  color:var(--tool-text,#182230);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.72rem;
  line-height:1.5;
}
.canonical-pro__snippet>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.canonical-pro__snippet button{
  border:0;
  background:transparent;
  color:var(--canonical-accent);
  font-size:.68rem;
  font-weight:750;
  cursor:pointer;
}
.canonical-pro__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 1px 9px}
.canonical-pro__section-head span{color:var(--tool-text,#182230);font-size:.79rem;font-weight:800}
.canonical-pro__section-head small{color:var(--tool-muted,#65758b);font-size:.65rem}
.canonical-pro__finding-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.canonical-pro__finding-list li{
  display:flex;
  gap:9px;
  padding:10px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:10px;
  background:var(--tool-panel-strong,#fff);
}
.canonical-pro__finding-list li>i{margin-top:2px}
.canonical-pro__finding-list li.is-error>i{color:var(--canonical-bad)}
.canonical-pro__finding-list li.is-warning>i{color:var(--canonical-warn)}
.canonical-pro__finding-list li.is-good>i{color:var(--canonical-good)}
.canonical-pro__finding-list span{display:grid;gap:3px;min-width:0}
.canonical-pro__finding-list b{color:var(--tool-text,#182230);font-size:.75rem}
.canonical-pro__finding-list small{color:var(--tool-muted,#65758b);font-size:.68rem;line-height:1.45}
.canonical-pro__disclaimer{
  display:flex;
  gap:7px;
  align-items:flex-start;
  margin:13px 1px 0;
  color:var(--tool-muted,#65758b);
  font-size:.65rem;
  line-height:1.45;
}
.canonical-pro__disclaimer i{margin-top:2px;color:var(--canonical-accent)}
.canonical-pro__signal-list{display:grid;gap:8px}
.canonical-pro__signal-list>div{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:10px 11px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-left:3px solid var(--tool-line-strong,#c2cfdd);
  border-radius:9px;
  background:var(--tool-panel-strong,#fff);
}
.canonical-pro__signal-list>div.is-good{border-left-color:var(--canonical-good)}
.canonical-pro__signal-list>div.is-warn{border-left-color:var(--canonical-warn)}
.canonical-pro__signal-list>div.is-bad{border-left-color:var(--canonical-bad)}
.canonical-pro__signal-list span{color:var(--tool-muted,#65758b);font-size:.69rem}
.canonical-pro__signal-list strong{min-width:0;overflow-wrap:anywhere;color:var(--tool-text,#182230);font-size:.72rem;line-height:1.4}
.canonical-pro__table-wrap{
  margin-top:13px;
  max-height:290px;
  overflow:auto;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:10px;
}
.canonical-pro__table-wrap table{width:100%;border-collapse:collapse;font-size:.67rem}
.canonical-pro__table-wrap th,
.canonical-pro__table-wrap td{padding:8px;border-bottom:1px solid var(--tool-line,#d9e2ec);text-align:left;vertical-align:top}
.canonical-pro__table-wrap th{position:sticky;top:0;background:var(--tool-panel-soft,#f8fafc);color:var(--tool-muted,#65758b);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.canonical-pro__table-wrap td{background:var(--tool-panel-strong,#fff);color:var(--tool-text,#182230)}
.canonical-pro__table-wrap code{display:block;max-width:210px;overflow-wrap:anywhere;white-space:normal;font-size:.63rem}
.canonical-pro__row-status{display:inline-flex;padding:4px 6px;border-radius:999px;font-weight:750;white-space:nowrap}
.canonical-pro__row-status.is-good{background:color-mix(in srgb,var(--canonical-good) 12%,var(--tool-panel-strong,#fff));color:var(--canonical-good)}
.canonical-pro__row-status.is-warning{background:color-mix(in srgb,var(--canonical-warn) 12%,var(--tool-panel-strong,#fff));color:var(--canonical-warn)}
.canonical-pro__row-status.is-error{background:color-mix(in srgb,var(--canonical-bad) 12%,var(--tool-panel-strong,#fff));color:var(--canonical-bad)}
.canonical-pro__fix-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:fix}
.canonical-pro__fix-list li{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:11px;
  padding:12px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:11px;
  background:var(--tool-panel-strong,#fff);
}
.canonical-pro__fix-list>li>span{
  height:max-content;
  padding:4px 6px;
  border-radius:999px;
  background:var(--tool-panel-soft,#f8fafc);
  color:var(--tool-muted,#65758b);
  font-size:.58rem;
  font-weight:800;
  text-align:center;
  text-transform:uppercase;
}
.canonical-pro__fix-list li.is-error>span{color:var(--canonical-bad)}
.canonical-pro__fix-list li.is-warning>span{color:var(--canonical-warn)}
.canonical-pro__fix-list li>div{display:grid;gap:4px}
.canonical-pro__fix-list b{color:var(--tool-text,#182230);font-size:.76rem}
.canonical-pro__fix-list p{margin:0;color:var(--tool-text,#182230);font-size:.71rem;line-height:1.45}
.canonical-pro__fix-list small{color:var(--tool-muted,#65758b);font-size:.65rem;line-height:1.4}
.canonical-pro__empty{display:grid;place-items:center;gap:7px;min-height:260px;text-align:center;color:var(--tool-muted,#65758b)}
.canonical-pro__empty i{font-size:1.6rem;color:var(--canonical-good)}
.canonical-pro__empty strong{color:var(--tool-text,#182230);font-size:.86rem}
.canonical-pro__empty span{font-size:.71rem}
.canonical-pro__export-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.canonical-pro__export-bar label{display:flex;align-items:center;gap:7px;color:var(--tool-muted,#65758b);font-size:.69rem;font-weight:700}
.canonical-pro__export-bar select{min-height:36px;padding:6px 30px 6px 9px;font-size:.71rem}
.canonical-pro__export-bar>div{display:flex;gap:6px}
.canonical-pro__export-bar button{min-height:36px;padding:7px 10px;font-size:.68rem}
.canonical-pro__tab-panel pre{
  min-height:340px;
  max-height:470px;
  margin:0;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  padding:13px;
  border:1px solid var(--tool-line,#d9e2ec);
  border-radius:11px;
  background:var(--tool-panel-soft,#f8fafc);
  color:var(--tool-text,#182230);
  font:normal .67rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.canonical-pro__handoff{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 15px 15px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--canonical-accent) 35%,var(--tool-line,#d9e2ec));
  border-radius:12px;
  background:color-mix(in srgb,var(--canonical-accent) 8%,var(--tool-panel-strong,#fff));
}
.canonical-pro__handoff>div{display:flex;align-items:center;gap:10px;min-width:0}
.canonical-pro__handoff>div>i{color:var(--canonical-accent)}
.canonical-pro__handoff span{display:grid;gap:2px}
.canonical-pro__handoff b{color:var(--tool-text,#182230);font-size:.73rem}
.canonical-pro__handoff small{color:var(--tool-muted,#65758b);font-size:.64rem;line-height:1.35}
.canonical-pro__handoff button{flex:0 0 auto;border:1px solid var(--canonical-accent);background:var(--canonical-accent);color:#fff;font-size:.68rem}
body.theme-dark [data-seo-tool="canonical-url-checker"]{
  --canonical-accent:#60a5fa;
  --canonical-accent-strong:#3b82f6;
  --canonical-good:#4ade80;
  --canonical-warn:#fbbf24;
  --canonical-bad:#f87171;
}
body.theme-dark .canonical-pro__panel{box-shadow:0 16px 36px rgba(0,0,0,.22)}
body.theme-dark .canonical-pro__primary,
body.theme-dark .canonical-pro__handoff button{color:#07111f}
@media (max-width:980px){
  .canonical-pro__layout{grid-template-columns:1fr}
  .canonical-pro__result{position:static}
  .canonical-pro__tab-panel{min-height:360px}
}
@media (max-width:620px){
  .canonical-pro__layout{gap:13px}
  .canonical-pro__panel{border-radius:13px}
  .canonical-pro__panel-head,.canonical-pro__result-head{padding:12px 13px}
  .canonical-pro__mode-switch{margin:13px 12px 9px;gap:4px}
  .canonical-pro__mode-switch button{font-size:.7rem;gap:5px}
  .canonical-pro__notice{margin:0 12px 10px}
  .canonical-pro__form{padding:3px 12px 13px}
  .canonical-pro__field-grid{grid-template-columns:1fr}
  .canonical-pro__actions{padding:11px 12px}
  .canonical-pro__actions button{padding:8px 10px;font-size:.72rem}
  .canonical-pro__metrics{grid-template-columns:repeat(2,1fr)}
  .canonical-pro__tabs{padding-left:8px;padding-right:8px}
  .canonical-pro__tab-panel{min-height:330px;padding:12px}
  .canonical-pro__signal-list>div{grid-template-columns:95px minmax(0,1fr);gap:8px}
  .canonical-pro__export-bar{align-items:flex-start;flex-direction:column}
  .canonical-pro__export-bar{width:100%}
  .canonical-pro__handoff{align-items:stretch;flex-direction:column;margin:0 12px 12px}
  .canonical-pro__handoff button{width:100%}
  .canonical-pro__table-wrap code{max-width:150px}
}
@media (prefers-reduced-motion:reduce){
  [data-seo-tool="canonical-url-checker"] *{scroll-behavior:auto!important;transition:none!important}
}