.tools-cat{padding:30px 0 10px}.tools-cat-h{font-family:var(--m-font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--mxp-ink);margin:0 0 16px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tool-tile{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid var(--mxp-line-l,#ececf1);border-radius:16px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.tool-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px rgba(11,11,15,.28);border-color:#dfe2ea}.tool-tile-ic{width:38px;height:38px;border-radius:10px;background:var(--m-brand-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.tool-tile-t{font-family:var(--m-font-display);font-weight:600;font-size:17px;color:var(--mxp-ink);letter-spacing:-.01em}.tool-tile-d{font-size:13.5px;line-height:1.5;color:var(--mxp-grey)}.tool-card{background:#fff;border:1px solid var(--mxp-line-l,#ececf1);border-radius:20px;padding:26px;box-shadow:0 24px 60px -40px rgba(11,11,15,.4)}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-field{display:flex;flex-direction:column;gap:6px}.tool-field.full,.tool-field:only-child{grid-column:1/-1}.tool-field-l{font-size:13px;font-weight:600;color:var(--mxp-ink);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tool-field-help{font-style:normal;font-weight:400;font-size:11.5px;color:#9aa0ad}.tool-input{width:100%;padding:11px 13px;border:1px solid #e2e6ee;border-radius:11px;font-size:14.5px;color:var(--mxp-ink);background:#fff;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.tool-input:focus{border-color:#b23ff0;box-shadow:0 0 0 3px rgba(178,63,240,.12)}.tool-textarea{resize:vertical;min-height:96px;line-height:1.55}.tool-input-wrap{position:relative;display:flex;align-items:center}.tool-suffix{position:absolute;right:12px;font-size:13px;color:#9aa0ad;pointer-events:none}.tool-actions{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border:none;cursor:pointer;border-radius:999px;background:var(--m-brand-grad);color:#fff;font-weight:600;font-size:15px;box-shadow:0 10px 26px -10px rgba(255,46,154,.55);transition:transform .15s,box-shadow .15s;font-family:inherit}.tool-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(255,46,154,.7)}.tool-copy{border:1px solid #e2e6ee;background:#fff;color:var(--mxp-grey);cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:8px;transition:all .15s;font-family:inherit;white-space:nowrap}.tool-copy:hover{border-color:#b23ff0;color:#7a2fe0}.tool-err{margin-top:12px;color:#dc2626;font-size:13.5px}.tool-results{margin-top:22px;display:flex;flex-direction:column;gap:18px}.tool-group-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9aa0ad;margin-bottom:8px}.tool-result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#faf9fc;border:1px solid #f0eef6;border-radius:11px;margin-bottom:8px}.tool-result-row span{font-size:14.5px;line-height:1.5;color:#25272f;white-space:pre-wrap}.tool-result-row:hover{border-color:#e6dffb}.tool-metrics{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tool-metric{padding:18px;border:1px solid var(--mxp-line-l);border-radius:14px;background:#fcfbfe}.tool-metric.hl{background:linear-gradient(180deg,#faf5ff,#fff);border-color:#e9d9ff}.tool-metric-l{font-size:12.5px;color:var(--mxp-grey);font-weight:500}.tool-metric-v{font-family:var(--m-font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;color:var(--mxp-ink);margin-top:4px;line-height:1.1}.tool-metric.hl .tool-metric-v{background:var(--m-brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tool-metric-h{font-size:11.5px;color:#9aa0ad;margin-top:4px;line-height:1.4}.tool-note{margin-top:16px;padding:13px 16px;background:#f8fafc;border:1px solid #eef1f6;border-radius:12px;font-size:13.5px;line-height:1.6;color:#5b6678}.tool-intro{font-size:17px;line-height:1.7;color:#3a3d46;margin:0 0 26px}.tool-section{margin-top:40px}.tool-section h2{font-family:var(--m-font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--mxp-ink);margin:0 0 14px}.tool-steps{display:grid;gap:12px;counter-reset:step}.tool-step{display:flex;gap:14px;align-items:flex-start}.tool-step-n{flex:none;width:30px;height:30px;border-radius:999px;background:var(--m-brand-grad);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.tool-step p{margin:3px 0 0;font-size:15.5px;line-height:1.6;color:#3a3d46}@media (max-width:560px){.tool-fields{grid-template-columns:1fr}.tool-card{padding:20px}}