.tools-page{max-width:1180px;margin:auto;padding:70px 24px 100px;color:#111827}.tools-hero{max-width:900px;margin-bottom:45px}.tools-hero.compact{margin-bottom:24px}.tools-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}.tools-hero p{font-size:1.08rem;line-height:1.75;color:#526079}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#6657ff);font-size:.75rem;font-weight:900}.back-link{display:block;margin-bottom:24px;color:#526079;text-decoration:none}.tools-trust{display:flex;flex-wrap:wrap;gap:9px}.tools-trust span{padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:800;font-size:.82rem}.tools-page section>h2{font-size:2rem;margin:7px 0 22px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.tool-card,.tools-method article,.workbench{border:1px solid #dde4ee;background:#fff;border-radius:20px;box-shadow:0 14px 45px rgba(15,23,42,.06)}.tool-card{display:flex;flex-direction:column;padding:22px;color:#111827;text-decoration:none;min-height:210px}.tool-card>span{color:var(--accent,#6657ff);font-weight:900}.tool-card h3{margin:25px 0 8px}.tool-card p{color:#607089;line-height:1.6;flex:1}.tool-card b{color:var(--accent,#6657ff)}.tools-method{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.tools-method article{padding:24px}.tools-method p{color:#607089;line-height:1.7}.tool-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 18px}.tool-tabs a{white-space:nowrap;text-decoration:none;color:#526079;border:1px solid #dbe3ef;border-radius:999px;padding:9px 13px;font-weight:700}.tool-tabs a[aria-current=page]{background:var(--accent,#6657ff);color:#fff}.workbench{padding:24px}.input-grid,.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-panel{display:grid;gap:8px;font-weight:800}.input-panel textarea{width:100%;resize:vertical;border:1px solid #cfd8e6;border-radius:14px;padding:14px;font:500 .95rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.input-panel small{color:#7b879a}.tool-options{display:flex;flex-wrap:wrap;gap:12px 20px;margin:18px 0}.tool-options label{display:flex;gap:8px;align-items:center;font-weight:700}.tool-options input:not([type=checkbox]),.tool-options select{min-height:39px;border:1px solid #cfd8e6;border-radius:9px;padding:0 10px}.tool-buttons{display:flex;gap:10px;flex-wrap:wrap}.tool-buttons button,.output-grid button{border:1px solid #cfd8e6;border-radius:11px;background:#fff;padding:11px 15px;font-weight:800}.tool-buttons button[type=submit]{background:var(--accent,#6657ff);color:#fff;border-color:transparent}.tool-summary{margin:18px 0;padding:14px 16px;border-radius:12px;background:#eef2ff;color:#3730a3;font-weight:800}.tool-error{color:#b42318;font-weight:800}.output-grid{grid-template-columns:repeat(3,1fr)}.output-grid article{border:1px solid #dbe3ef;border-radius:16px;padding:16px;min-width:0}.output-grid h2{font-size:1rem}.output-grid h2 span{float:right;color:var(--accent,#6657ff)}.output-grid pre{min-height:170px;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:10px;padding:12px}.output-grid article[hidden],.input-panel[hidden],.tool-options label[hidden]{display:none}@media(max-width:900px){.tool-grid{grid-template-columns:1fr 1fr}.tools-method,.output-grid{grid-template-columns:1fr}.input-grid{grid-template-columns:1fr}}@media(max-width:520px){.tools-page{padding-top:38px}.tool-grid{grid-template-columns:1fr}.workbench{padding:15px}}