.wfl-tool{display:flex;flex-direction:column;gap:16px;margin:8px 0 24px}
.wfl-tool-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.wfl-tool-metric{background:var(--_colors---card--card-primary-bg,#0D223A);border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:8px;padding:12px 14px;margin:0;min-width:0}
.wfl-tool-metric dt{font-size:.85em;opacity:.8;margin:0 0 4px}
.wfl-tool-metric dd{font-size:1.45em;font-weight:600;margin:0;line-height:1.2;word-break:break-word}
.wfl-tool-note{font-size:.9em;opacity:.8;margin:0}
.wfl-seo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.wfl-seo-form{display:grid;grid-template-columns:minmax(0,2fr) repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end;background:var(--_colors---card--card-primary-bg,#0D223A);border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:10px;padding:16px}
.wfl-seo-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.wfl-seo-field[hidden]{display:none}
.wfl-seo-field input,.wfl-seo-field select{width:100%;box-sizing:border-box;min-height:48px;font:inherit;margin:0}
.wfl-seo-form .button{min-height:48px;width:100%}
.wfl-seo-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wfl-tool button:focus-visible,.wfl-tool input:focus-visible,.wfl-tool select:focus-visible,.wfl-tool summary:focus-visible,.wfl-tool a:focus-visible{outline:2px solid #59E4FF;outline-offset:2px}
.wfl-seo-status{margin:0;padding:12px 14px;border-radius:8px;border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));background:var(--_colors---card--card-primary-bg,#0D223A)}
.wfl-seo-status.is-error{border-color:#FF7A59}
.wfl-seo-status.is-limit{border-color:#FFC857}
.wfl-seo-sandbox{display:block;margin-top:6px;color:#FFC857;font-size:.9em}
.wfl-seo-usage{display:block;margin-top:4px;font-size:.85em;opacity:.8}
.wfl-seo-results{display:flex;flex-direction:column;gap:20px;min-width:0}
.wfl-seo-section{display:flex;flex-direction:column;gap:10px;min-width:0}
.wfl-seo-h{font-size:1.2em;font-weight:600;margin:4px 0 0;line-height:1.3}
.wfl-seo-h3{font-size:1.02em;font-weight:600;margin:6px 0 0}
.wfl-seo-panel{background:var(--_colors---card--card-primary-bg,#0D223A);border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:8px;padding:14px 16px;min-width:0}
.wfl-seo-metric-note{font-size:.8em;opacity:.75;margin:4px 0 0}
.wfl-seo-link{color:#59E4FF;word-break:break-word}
.wfl-seo-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:8px}
.wfl-seo-table{width:100%;border-collapse:collapse;font-size:.95em}
.wfl-seo-table th,.wfl-seo-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14))}
.wfl-seo-table thead th{background:var(--_colors---card--card-primary-bg,#0D223A);font-weight:600;white-space:nowrap}
.wfl-seo-table tbody tr:hover{background:rgba(89,228,255,.05)}
.wfl-seo-table .is-num{text-align:right;font-variant-numeric:tabular-nums}
.wfl-seo-table td{word-break:break-word}
.wfl-seo-sort{background:none;border:0;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:4px 0;min-height:32px}
.wfl-seo-empty{text-align:center;opacity:.8}
.wfl-seo-kd{display:inline-block;min-width:2.4em;padding:2px 8px;border-radius:999px;font-weight:600;text-align:center;color:#04121F}
.wfl-seo-kd-ve{background:#59E4FF}.wfl-seo-kd-e{background:#8FE3B0}.wfl-seo-kd-m{background:#FFC857}.wfl-seo-kd-h{background:#FF9F6E}.wfl-seo-kd-vh{background:#FF6B6B}
.wfl-seo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.22));font-size:.88em;margin:0}
.wfl-seo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.wfl-seo-mini{background:none;border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.22));color:inherit;border-radius:6px;padding:4px 10px;font:inherit;font-size:.82em;cursor:pointer;min-height:32px;margin-left:6px}
.wfl-seo-mini:hover{border-color:#59E4FF}
.wfl-seo-bars{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.wfl-seo-bar-row{display:grid;grid-template-columns:minmax(110px,180px) 1fr minmax(90px,auto);gap:10px;align-items:center}
.wfl-seo-bar{height:12px;border-radius:6px;background:rgba(127,127,127,.25);overflow:hidden;display:block}
.wfl-seo-fill{display:block;height:100%;background:linear-gradient(90deg,#2FA8FF,#59E4FF)}
.wfl-seo-bar-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.wfl-seo-trend{margin:0}
.wfl-seo-trend-bars{display:flex;gap:4px;padding:6px 0 0}
.wfl-seo-trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.wfl-seo-trend-area{height:80px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.wfl-seo-trend-bar{width:100%;max-width:28px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#59E4FF,#2FA8FF)}
.wfl-seo-trend-m{font-size:.72em;opacity:.7;line-height:1}
.wfl-seo-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.wfl-seo-filters .wfl-seo-field{flex:1 1 150px}
.wfl-seo-score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.wfl-seo-score strong{font-size:2.6em;line-height:1}
.wfl-seo-meter{position:relative;height:14px;border-radius:7px;background:linear-gradient(90deg,#59E4FF 0 20%,#8FE3B0 20% 40%,#FFC857 40% 60%,#FF9F6E 60% 80%,#FF6B6B 80%);margin:10px 0 4px}
.wfl-seo-meter span{position:absolute;top:-5px;width:4px;height:24px;margin-left:-2px;background:#F3F7FB;border-radius:2px;box-shadow:0 0 0 2px #071526}
.wfl-seo-list{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:8px;word-break:break-word}
.wfl-seo-serp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.wfl-seo-serp li{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start}
.wfl-seo-pos{font-weight:700;font-size:1.1em;text-align:center;padding-top:2px;color:#59E4FF}
.wfl-seo-serp-t{font-weight:600;display:block}
.wfl-seo-serp-d{font-size:.85em;opacity:.75;display:block;word-break:break-all}
.wfl-seo-serp-s{font-size:.92em;opacity:.85;margin:4px 0 0}
.wfl-seo-issue{border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:8px;padding:0;background:var(--_colors---card--card-primary-bg,#0D223A)}
.wfl-seo-issue summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-weight:600;min-height:48px}
.wfl-seo-issue>div{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}
.wfl-seo-sev{font-size:.78em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:4px;color:#04121F}
.wfl-seo-sev-error{background:#FF6B6B}.wfl-seo-sev-warning{background:#FFC857}.wfl-seo-sev-notice{background:#59E4FF}
.wfl-seo-progress{height:10px;border-radius:5px;background:rgba(127,127,127,.25);overflow:hidden}
.wfl-seo-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2FA8FF,#59E4FF);transition:width .4s ease}
@media screen and (min-width:640px){.wfl-seo-table td.is-num,.wfl-seo-table th.is-num{white-space:nowrap}}
@media screen and (max-width:767px){.wfl-seo-form{grid-template-columns:1fr}}
@media screen and (max-width:639px){
.wfl-seo-table-wrap{border:0;overflow:visible}
.wfl-seo-table,.wfl-seo-table tbody,.wfl-seo-table tr,.wfl-seo-table td{display:block;width:100%;box-sizing:border-box}
.wfl-seo-table thead{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.wfl-seo-table thead tr{display:flex;flex-wrap:wrap;gap:6px}
.wfl-seo-table thead th{border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.22));border-radius:999px;padding:2px 10px;background:none}
.wfl-seo-table tbody tr{border:1px solid var(--_colors---border-color--border-secondary,rgba(99,230,255,.14));border-radius:8px;margin-bottom:10px;padding:6px 0;background:var(--_colors---card--card-primary-bg,#0D223A)}
.wfl-seo-table td{border:0;padding:6px 12px;display:grid;grid-template-columns:minmax(90px,40%) 1fr;gap:8px;text-align:left}
.wfl-seo-table td.is-num{text-align:left}
.wfl-seo-table td>*{justify-self:start}
.wfl-seo-table td::before{content:attr(data-label);font-size:.82em;opacity:.7;font-weight:600}
.wfl-seo-table td.wfl-seo-empty{display:block}
.wfl-seo-table td.wfl-seo-empty::before{content:none}
.wfl-seo-bar-row{grid-template-columns:1fr auto}.wfl-seo-bar-row .wfl-seo-bar{grid-column:1/-1;grid-row:2}
.wfl-seo-serp li{grid-template-columns:30px 1fr}
}