.tools-hero p,.tool-page-hero p{max-width:720px}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:285px;padding:25px;border:1px solid var(--line);background:var(--card);transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:rgba(0,194,179,.55);box-shadow:0 18px 40px rgba(0,0,0,.16)}.tool-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border:1px solid rgba(0,194,179,.32);background:rgba(0,194,179,.07);color:var(--turquoise);font-size:10px;font-weight:700;letter-spacing:.5px}.tool-card small{color:var(--turquoise);font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.tool-card h2{margin:9px 0;font-size:20px}.tool-card p{color:var(--muted);font-size:12px;line-height:1.6}.tool-card>a{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px;font-weight:700}.tools-seo{background:var(--card);border-block:1px solid var(--line)}.tools-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px}.tools-copy p,.tool-article p{color:var(--muted);line-height:1.75}.tool-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:28px;align-items:start}.tool-workspace,.tool-aside{padding:28px;border:1px solid var(--line);background:var(--card)}.tool-aside{position:sticky;top:105px}.tool-aside p{color:var(--muted);font-size:12px;line-height:1.65}.tool-interface{display:grid;gap:18px}.tool-form{display:grid;gap:16px}.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-form input,.tool-form select,.tool-form textarea{width:100%;padding:12px;background:var(--soft);color:var(--ink)}.tool-form textarea{min-height:90px;resize:vertical}.tool-result{margin-top:22px;padding:22px;border:1px solid rgba(0,194,179,.34);background:rgba(0,194,179,.05)}.tool-result h2{margin:0 0 14px;font-size:18px}.tool-output{display:flex;gap:10px;align-items:center;padding:15px;background:var(--page);border:1px solid var(--line);word-break:break-all}.tool-output code{flex:1;color:var(--turquoise);font-size:13px}.tool-output button{border:0;background:none;color:var(--muted);cursor:pointer}.tool-data{display:grid}.tool-data>div{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.tool-data span{color:var(--muted);font-size:11px}.tool-data b{font-size:12px;word-break:break-word}.tool-score{display:grid;place-items:center;width:112px;height:112px;border:8px solid var(--turquoise);border-radius:50%;font-size:30px;margin:10px 0 22px}.tool-status-ok{color:#2cd69e}.tool-status-warning{color:#ffbd66}.tool-article{max-width:850px}.related-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-tools a{padding:18px;border:1px solid var(--line);background:var(--card)}@media(max-width:1000px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.tool-layout,.tools-copy{grid-template-columns:1fr}.tool-aside{position:static}.related-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tools-grid,.tool-form-grid,.related-tools,.tool-guide-grid{grid-template-columns:1fr}.tool-data>div{grid-template-columns:1fr;gap:4px}.tool-workspace,.tool-aside{padding:19px}}
.tool-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-guide-grid article{padding:24px;border:1px solid var(--line);background:var(--card)}.tool-guide-grid article>span,.tool-guide-grid strong{display:block;color:var(--turquoise);font-size:9px;text-transform:uppercase;letter-spacing:1.3px}.tool-guide-grid h3{margin:8px 0 13px;font-size:19px}.tool-guide-grid p{color:var(--muted);font-size:12px;line-height:1.7}.tool-guide-grid strong{margin-top:18px}.tool-form .field small{display:inline;margin-left:5px;color:var(--turquoise);font-size:9px;font-weight:500}@media(max-width:520px){.tool-guide-grid{grid-template-columns:1fr}}