.ht-tools{color:#15253f;background:#f5f8fc;padding-bottom:64px}.ht-tool-wrap{max-width:1120px;margin:auto;padding:0 24px}.ht-tool-hero{background:linear-gradient(125deg,#0c1c38,#163f72);color:white;padding:48px 0 52px}.ht-tool-hero a{color:#bfdcff;font-size:14px}.ht-tool-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.035em;margin:14px 0}.ht-tool-hero p{max-width:720px;line-height:1.75;color:#d2dfef}.ht-tool-hero .ht-eyebrow{font-size:11px;letter-spacing:.15em;margin-top:28px;color:#8ac9ff}.ht-tool-tag{display:inline-block;border:1px solid #ffffff30;border-radius:20px;padding:6px 12px;margin-top:18px;font-size:12px}.ht-tool-layout{display:grid;grid-template-columns:minmax(280px, .9fr) minmax(0,1.25fr);gap:24px;margin:32px auto}.ht-tool-panel{border:1px solid #e0e7f0;background:white;border-radius:20px;padding:28px;box-shadow:0 8px 32px #16345b05}.ht-tool-panel h2,.ht-tool-explain h2{font-weight:750;font-size:19px;margin:0 0 20px}.ht-tool-panel label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}.ht-tool-panel input,.ht-tool-panel select{display:block;width:100%;box-sizing:border-box;border:1px solid #ccd8e8;background:#f8fafc;color:inherit;border-radius:10px;padding:12px;font:inherit;font-size:14px;min-height:46px}.ht-tool-panel input:focus,.ht-tool-panel select:focus{outline:3px solid #3b82f635;border-color:#3b82f6}.ht-help{font-size:12px;line-height:1.8;color:#61738e;margin:16px 0}.ht-tool-panel button{cursor:pointer;border-radius:10px;background:#2563eb;color:white;padding:12px 16px;font-size:14px;font-weight:650;border:0}.ht-tool-panel button:disabled{opacity:.6;cursor:wait}#ht-run{width:100%;margin-top:24px}.ht-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ht-result-head button{background:#edf4ff;color:#2359b7;font-size:12px;padding:8px 12px}#ht-status{font-size:14px;line-height:1.8;color:#61738e}#ht-result{overflow-wrap:anywhere}#ht-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1d35;color:#dceaff;padding:18px;border-radius:12px;font:12px/1.8 monospace;margin:18px 0}#ht-result dl{margin-top:20px}#ht-result dt{font-size:12px;color:#61738e;margin-top:15px}#ht-result dd{font-size:14px;margin:5px 0;line-height:1.7}#ht-result h3{font-weight:700;margin:20px 0 10px}#ht-result a{display:inline-block;color:#2563eb;margin:8px 16px 8px 0}#ht-result ol{padding-left:22px;list-style:decimal}#ht-result li{margin:10px 0;font-size:14px;line-height:1.7}.ht-tool-explain{padding-top:16px;font-size:14px;line-height:1.9;color:#61738e}.ht-tool-explain a{color:#2563eb}.dark .ht-tools{background:#0b1120;color:#e2e8f0}.dark .ht-tool-panel{background:#121e31;border-color:#28374d}.dark .ht-tool-panel input,.dark .ht-tool-panel select{background:#0d1728;border-color:#33445e}.dark .ht-help,.dark #ht-status,.dark .ht-tool-explain,.dark #ht-result dt{color:#9cacbf}@media(max-width:760px){.ht-tool-layout{grid-template-columns:1fr}.ht-tool-panel{padding:22px}.ht-tool-wrap{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.ht-tools [hidden]{display:none!important}