
.toolmint-tool-page{background:#070d18;color:#edf2fb}
.toolmint-tool-page .site-header{background:rgba(8,14,26,.94);border-color:#1d2940}
.toolmint-tool-page .brand,.toolmint-tool-page .header-link{color:#edf2fb}
.toolmint-tool-page .brand-copy small{color:#7f8da6}
.tool-page-wrap{max-width:980px;margin:0 auto;padding:44px 20px 56px}
.tool-page-breadcrumbs{font-size:9px;color:#75849a;margin-bottom:19px}
.tool-page-breadcrumbs a{color:#9d90ff;text-decoration:none}
.tool-page-hero{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}
.tool-page-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:#142238;border:1px solid #2d405e;color:#80ddb9;font-size:25px;font-weight:900}
.tool-page-hero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;margin:0 0 9px;line-height:1}
.tool-page-hero p{color:#8f9db1;font-size:13px;line-height:1.7;margin:0;max-width:720px}
.tool-page-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.tool-page-badges span{border:1px solid #2d3e5b;background:#0d1728;border-radius:999px;padding:6px 9px;color:#9dabc0;font-size:8px;font-weight:850}
.tool-card-main{background:linear-gradient(155deg,#101a2d,#0b1424);border:1px solid #23324b;border-radius:19px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.tool-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.tool-card-head strong{font-size:12px}
.tool-card-head span{font-size:8px;color:#72d7b4;background:#10281f;border:1px solid #234b3d;border-radius:999px;padding:6px 8px;font-weight:900}
.tm-field{display:grid;gap:6px;margin-bottom:12px}
.tm-field label{font-size:9px;color:#9cabc0;font-weight:850}
.tm-field input,.tm-field textarea,.tm-field select{width:100%;box-sizing:border-box;background:#08111f;color:#eef3f8;border:1px solid #2b3b57;border-radius:11px;padding:11px;font:inherit;font-size:11px;outline:none}
.tm-field textarea{min-height:145px;resize:vertical}
.tm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tm-btn{border:1px solid #334661;background:#111c2f;color:#dce4ef;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:900;cursor:pointer}
.tm-btn.primary{border:0;background:linear-gradient(135deg,#6f5cff,#8d55ed);color:#fff}
.tm-btn.success{border-color:#285341;color:#91e1c1;background:#10251e}
.tm-result{margin-top:14px;background:#08111f;border:1px solid #293a56;border-radius:13px;padding:15px;min-height:30px;color:#cdd6e3;font-size:11px;line-height:1.65;overflow:auto}
.tm-result strong.big{display:block;color:#bdb4ff;font-size:28px;line-height:1.1}
.tm-result pre{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit}
.tm-result table{width:100%;border-collapse:collapse}
.tm-result th,.tm-result td{text-align:left;border-bottom:1px solid #22314a;padding:7px 6px;font-size:9px}
.tm-image-preview{max-width:100%;max-height:430px;border-radius:10px;display:block;margin:10px auto}
.tm-color-swatch{width:100%;height:90px;border-radius:12px;border:1px solid #34455f;margin-top:10px}
.tool-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.tool-info-grid article{background:#0d1626;border:1px solid #22314a;border-radius:15px;padding:17px}
.tool-info-grid h2{font-size:14px;margin:0 0 7px}
.tool-info-grid p{color:#8392a7;font-size:10px;line-height:1.65;margin:0}
.related-tools{margin-top:18px}
.related-tools h2{font-size:14px}
.related-tools-row{display:flex;flex-wrap:wrap;gap:7px}
.related-tools-row a{text-decoration:none;border:1px solid #2b3b56;background:#0d1626;color:#aaa0ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}
.toolmint-tool-page .site-footer{background:#080f1c;border-top:1px solid #1e2a40;color:#8796aa}
.toolmint-tool-page .footer-links a{color:#8796aa}
@media(max-width:650px){.tm-grid2,.tm-grid3,.tool-info-grid{grid-template-columns:1fr}.tool-page-hero{flex-direction:column}}
