.hx-tool-shell{margin-top:28px}.hx-tool-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;color:#4b5563}.hx-tool-intro p{margin:0;font-size:1.02rem}.hx-tool-intro span{white-space:nowrap;font-size:.82rem;font-weight:800;color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:7px 11px}.hx-tool{background:#fff;border:1px solid #e6e8ee;border-radius:22px;padding:26px;box-shadow:0 16px 44px rgba(24,32,58,.08);margin-bottom:30px}.hx-label,.hx-field{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#20263a}.hx-field span,.hx-label{font-size:.92rem}.hx-field input,.hx-field select,.hx-field textarea,.hx-textarea,.hx-output,.hxUnitFrom,.hxUnitTo{width:100%;box-sizing:border-box;border:1px solid #d8dce6;background:#fbfcff;color:#151a2d;border-radius:12px;padding:12px 13px;font:inherit;outline:none}.hx-field input:focus,.hx-field select:focus,.hx-textarea:focus,.hx-output:focus{border-color:#e7472f;box-shadow:0 0 0 3px rgba(231,71,47,.12)}.hx-textarea{resize:vertical;margin-top:8px;min-height:220px}.hx-grid-2,.hx-grid-3,.hx-grid-4{display:grid;gap:14px;margin-bottom:16px}.hx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-grid-4{grid-template-columns:1.2fr repeat(3,minmax(0,.7fr))}.hx-btn{appearance:none;border:0;border-radius:12px;background:#e7472f;color:#fff;padding:12px 18px;font-weight:900;cursor:pointer;font:inherit;transition:.2s transform,.2s box-shadow,.2s background}.hx-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(231,71,47,.23)}.hx-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.hx-btn-soft{background:#f1f3f7;color:#1d2437}.hx-btn-soft:hover{box-shadow:none;background:#e7eaf0}.hx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.hx-metric{padding:16px;background:#f7f8fb;border:1px solid #e8eaf0;border-radius:14px;text-align:center}.hx-metric strong{display:block;font-size:1.55rem;color:#111827}.hx-metric span{font-size:.78rem;color:#6b7280}.hx-result{margin-top:16px;padding:16px 18px;border:1px solid #dfe3eb;border-radius:14px;background:#f8fafc;font-weight:800;line-height:1.65}.hx-card-sub{border:1px solid #e8eaf0;background:#fcfcfd;border-radius:16px;padding:18px;margin-bottom:16px}.hx-card-sub h3{margin:0 0 14px;font-size:1.05rem}.hx-tabs{display:flex;gap:8px;margin-bottom:18px}.hx-tab{border:1px solid #dfe3eb;border-radius:999px;padding:9px 14px;background:#fff;font-weight:800;cursor:pointer}.hx-tab.is-active{background:#171b2c;color:#fff;border-color:#171b2c}.hx-tabpanel{display:none}.hx-tabpanel.is-active{display:block}.hx-now{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:20px;background:#171b2c;color:white;margin-bottom:18px}.hx-now span{opacity:.7;font-weight:700}.hx-now strong{font-size:1.6rem}.hx-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#f7f8fb;border:1px solid #e8eaf0;padding:14px;border-radius:14px}.hx-checks label{font-weight:700}.hx-output-row{display:flex;gap:10px;margin:16px 0}.hx-output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:1}.hx-pass-strength{height:8px;background:#eceff4;border-radius:999px;overflow:hidden;margin:0 0 16px}.hx-pass-strength span{display:block;height:100%;width:0;background:#e7472f;transition:.2s width}.hx-qr-wrap{display:grid;place-items:center;background:#f8fafc;border:1px dashed #cfd5e1;border-radius:16px;min-height:290px;margin:18px 0}.hx-qr-wrap canvas{max-width:100%;height:auto}.hx-status{margin:14px 0;font-weight:700;color:#374151;line-height:1.6}.hx-drop{display:flex;justify-content:center;align-items:center;min-height:120px;border:2px dashed #cfd5e1;border-radius:16px;background:#fafbfc;cursor:pointer;text-align:center;padding:18px;font-weight:800;margin-bottom:18px}.hx-drop input{position:absolute;opacity:0;pointer-events:none}.hx-image-preview{margin:16px 0;text-align:center}.hx-image-preview img{max-width:100%;max-height:460px;border-radius:14px;display:none}.hx-image-preview img[src]{display:inline-block}.hx-warning{padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;color:#9a3412;font-weight:700;margin-bottom:16px}.hx-progress{height:10px;background:#eef1f5;border-radius:999px;overflow:hidden;margin:16px 0}.hx-progress span{display:block;height:100%;width:0;background:#e7472f;transition:.2s width}.hx-content-block,.hx-faq,.hx-related{margin:36px 0}.hx-content-block h2,.hx-faq h2,.hx-related h2{font-size:1.35rem;margin-bottom:16px}.hx-content-block ul{padding-left:1.25rem;line-height:1.9}.hx-privacy-note{padding:14px 16px;background:#f7f8fb;border-left:3px solid #e7472f;border-radius:8px;color:#4b5563}.hx-faq details{border-top:1px solid #e7e9ef;padding:15px 0}.hx-faq details:last-child{border-bottom:1px solid #e7e9ef}.hx-faq summary{font-weight:900;cursor:pointer}.hx-faq p{color:#4b5563;line-height:1.8}.hx-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hx-related-grid a{display:flex;flex-direction:column;gap:6px;border:1px solid #e5e7eb;border-radius:14px;padding:16px;text-decoration:none;color:#1f2937;background:#fff}.hx-related-grid a:hover{border-color:#e7472f;transform:translateY(-1px)}.hx-related-grid span{font-size:.86rem;color:#6b7280;line-height:1.6}
@media(max-width:720px){.hx-tool{padding:18px}.hx-tool-intro{align-items:flex-start;flex-direction:column}.hx-grid-2,.hx-grid-3,.hx-grid-4,.hx-metrics,.hx-related-grid{grid-template-columns:1fr}.hx-output-row{flex-direction:column}.hx-checks{grid-template-columns:1fr 1fr}.hx-metric{display:flex;justify-content:space-between;align-items:center;text-align:left}.hx-metric strong{font-size:1.3rem}}