/* Free tools page */
.tl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tl-tabs button{padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--t2);font:500 13px var(--font-u);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}
.tl-tabs button:hover{border-color:var(--t3)}
.tl-tabs button[aria-selected=true]{background:var(--t2);border-color:var(--t2);color:#fff}
.tl-box{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);padding:34px}
.tl-panel h2{font-size:clamp(32px,4vw,46px);margin-bottom:8px}.tl-lead{color:var(--muted);max-width:720px;margin-bottom:24px}
.tl-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.tl-grid>*{min-width:0}
.tl-form{display:grid;gap:14px}
.tl-form label{display:block;font:500 13px var(--font-u);letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.tl-form label small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}
.tl-form input,.tl-form select,.tl-form textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1.5px solid var(--line);border-radius:6px;background:#fff;font:400 16px var(--font-b);color:var(--ink);text-transform:none;letter-spacing:0}
.tl-form input:focus,.tl-form select:focus,.tl-form textarea:focus{outline:none;border-color:var(--t3);box-shadow:0 0 0 4px rgba(28,125,139,.16)}
.tl-res{display:grid;gap:12px;align-content:start}
.tl-out{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.tl-out span{display:block;font:500 12px var(--font-u);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:4px}
.tl-out output{display:block;font:600 24px/1.25 var(--font-h);color:var(--ink);word-break:break-all}
#wa-out,#u-out{font:500 15px/1.5 var(--font-b);word-break:break-all}
.tl-act{display:flex;gap:10px;flex-wrap:wrap}
.tl-act a[aria-disabled=true]{opacity:.45;pointer-events:none}
.tl-note{font-size:14px;color:var(--muted);margin:0}
.tl-bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.tl-bar.big{height:12px}
.tl-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--t3);transition:width .2s}
.tl-bar i.ok{background:#12B76A}.tl-bar i.warn{background:#F59E0B}.tl-bar i.bad{background:#D92D20}
.tl-count{margin:-6px 0 0;font-size:13.5px;color:var(--muted)}
.tl-big{margin:10px 0 0;font:600 26px/1.2 var(--font-h);color:var(--ink)}
.tl-serp{padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.sp-url{font-size:14px;color:#202124;margin-bottom:4px;word-break:break-all}
.sp-t{font-size:20px;line-height:1.3;color:#1a0dab;margin-bottom:4px}
.sp-d{font-size:14px;line-height:1.58;color:#4d5156}
.tl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.inc-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}
.inc-card h3{font-size:28px;margin-bottom:8px}.inc-card p{color:var(--muted);font-size:15.5px}
@media(max-width:900px){.tl-grid{grid-template-columns:1fr}.tl-box{padding:22px 18px}}