.tools-page{background:linear-gradient(180deg,#f6fbff 0,#fff 310px);min-height:70vh;padding-bottom:40px}
.tools-hero{padding:38px 0 22px}.tools-hero-inner{background:linear-gradient(135deg,#eaf6ff,#fff8e6);border:1px solid #dceaf6;border-radius:24px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 24px rgba(23,54,92,.06)}
.tools-hero h1{font-family:"Prompt";font-size:clamp(30px,4vw,45px);margin:0;color:#123b68}.tools-hero p{margin:7px 0 0;color:#60788f;font-size:15px}.tools-hero-icon{font-size:66px;filter:drop-shadow(0 8px 10px rgba(15,76,140,.12))}
.tool-category{margin:18px 0 30px}.tool-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tool-category-head h2{font-family:"Prompt";font-size:22px;color:#173b62;margin:0}.tool-category-head span{font-size:12px;color:#7b8fa1}
.tools-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-directory-card{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dfeaf3;border-radius:17px;padding:17px;text-decoration:none;box-shadow:0 5px 14px rgba(25,67,105,.045);transition:.2s}.tool-directory-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(25,67,105,.09);border-color:#bcd7ed}.tool-dir-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;flex:0 0 auto;background:#eef7ff}.tool-directory-card:nth-child(3n+2) .tool-dir-icon{background:#fff3e6}.tool-directory-card:nth-child(3n) .tool-dir-icon{background:#f2efff}.tool-directory-card h3{font-family:"Prompt";font-size:16px;color:#153a62;margin:0 0 4px;line-height:1.3}.tool-directory-card p{font-size:12px;line-height:1.45;color:#71869a;margin:0}.tool-dir-arrow{margin-left:auto;color:#0b73df;font-size:19px;align-self:center}
.tool-page-wrap{max-width:920px;margin:0 auto;padding:34px 18px}.tool-breadcrumb{font-size:13px;margin-bottom:14px;color:#6b8196}.tool-breadcrumb a{color:#0873dd;font-weight:700}.tool-panel{background:#fff;border:1px solid #dce8f2;border-radius:22px;padding:clamp(20px,4vw,32px);box-shadow:0 8px 24px rgba(23,54,92,.06)}.tool-title-row{display:flex;gap:15px;align-items:center;margin-bottom:8px}.tool-title-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#edf7ff,#fff5dc);display:grid;place-items:center;font-size:31px}.tool-panel h1{font-family:"Prompt";font-size:clamp(27px,4vw,38px);line-height:1.2;color:#143d68;margin:0}.tool-intro{color:#687f94;margin:0 0 22px;line-height:1.7}.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-field{display:block;font-weight:800;color:#2b4b69;font-size:14px}.tool-field small{display:block;font-weight:500;color:#8192a2;margin-top:3px}.tool-field input,.tool-field select,.tool-field textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #cbdbe8;border-radius:11px;margin-top:6px;font:inherit;background:#fff;color:#183955;outline:none}.tool-field textarea{min-height:116px;resize:vertical}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:#5ba5ef;box-shadow:0 0 0 3px rgba(49,139,229,.1)}.tool-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.tool-btn{border:0;border-radius:11px;padding:12px 20px;background:#0877e8;color:#fff;font-weight:800;font-size:14px;cursor:pointer}.tool-btn.secondary{background:#eef5fb;color:#23557e}.tool-result{margin-top:20px;padding:18px;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f8fcff);border:1px solid #d8eafa;color:#173d65;line-height:1.65}.tool-result strong{font-size:22px;color:#075fc1}.tool-note{font-size:12px;color:#72879a;margin:12px 0 0;line-height:1.6}.tool-mini-table{width:100%;border-collapse:collapse;margin-top:14px}.tool-mini-table th,.tool-mini-table td{padding:9px;border-bottom:1px solid #e6eef5;text-align:left;font-size:13px}.tool-mini-table th{color:#4b6781}.tool-dynamic-row{display:grid;grid-template-columns:1.5fr .8fr .8fr 40px;gap:8px;margin:8px 0}.tool-dynamic-row input,.tool-dynamic-row select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbdbe8;border-radius:9px;font:inherit}.tool-remove{border:0;background:#fff0f1;color:#c63543;border-radius:9px;cursor:pointer}.tool-info{margin-top:22px;padding-top:18px;border-top:1px solid #e5edf4}.tool-info h2{font-family:"Prompt";font-size:20px;color:#1a456e}.tool-info p,.tool-info li{font-size:14px;line-height:1.75;color:#536d84}.tool-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tool-chip{background:#f0f7fd;border:1px solid #d9e8f4;border-radius:999px;padding:6px 10px;font-size:12px;color:#42647f}
@media(max-width:900px){.tools-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.tools-hero-inner{padding:22px}.tools-hero-icon{display:none}.tools-directory{grid-template-columns:1fr}.tool-form-grid{grid-template-columns:1fr}.tool-dynamic-row{grid-template-columns:1fr 1fr}.tool-dynamic-row .tool-remove{grid-column:2}.tool-title-icon{width:48px;height:48px;font-size:26px}}