.hash-tool{padding-bottom:4rem}.hash-tool .tool-hero{max-width:840px;margin:0 auto 1rem;text-align:center}.hash-tool .tool-hero h1{margin:.35rem 0 .8rem}.hash-tool .tool-hero>p:not(.eyebrow){color:var(--body);font-size:1.05rem}.hash-tool .privacy-note{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:999px;color:var(--body);background:var(--surface)}.hash-tool .privacy-note .icon{width:1.1rem;height:1.1rem;color:var(--primary)}.hash-tool .hash-card{max-width:1080px;margin:0 auto}.hash-tool .hash-tabs{display:flex;gap:5px;margin-bottom:22px;border-bottom:1px solid var(--border)}.hash-tool .hash-tab{margin-bottom:-1px;padding:10px 18px;border:1px solid transparent;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.hash-tool .hash-tab:hover,.hash-tool .hash-tab:focus-visible{color:var(--primary)}.hash-tool .hash-tab.is-active{border-color:var(--border);border-bottom-color:var(--primary);border-radius:8px 8px 0 0;background:var(--surface);color:var(--primary)}.hash-tool .hash-tab:focus-visible,.hash-tool button:focus-visible,.hash-tool input:focus-visible,.hash-tool textarea:focus-visible{outline:3px solid #635bff55;outline-offset:2px}.hash-tool .hash-input-panel>label,.hash-tool .algorithm-options legend,.hash-tool .hash-case-control>span,.hash-tool .hash-verify>label{display:block;margin-bottom:7px;color:var(--heading);font-size:.9rem;font-weight:700}.hash-tool #hash-text,.hash-tool #expected-hash{box-sizing:border-box;width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--heading);font:inherit}.hash-tool #hash-text{min-height:210px;padding:13px;resize:vertical}.hash-tool #expected-hash{min-height:45px;padding:10px 12px}.hash-tool .hash-input-meta{display:flex;gap:18px;margin-top:7px;color:var(--muted);font-size:.84rem}.hash-tool .hash-input-meta strong{color:var(--heading)}.hash-tool .hash-drop{display:grid;justify-items:center;gap:8px;padding:42px 20px;border:2px dashed #cfd3e3;border-radius:14px;background:#fbfbff;color:var(--muted);text-align:center}.hash-tool .hash-drop.is-dragging,.hash-tool .hash-drop:focus{border-color:var(--primary);background:#f2f1ff;outline:3px solid #635bff33}.hash-tool .hash-drop strong{color:var(--heading);font-size:1.1rem}.hash-tool .hash-drop .drop-icon{margin:0;width:46px;height:46px}.hash-tool .hash-drop label{margin:0}.hash-tool .hash-drop p{margin:3px 0 0;font-size:.84rem}.hash-tool .hash-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hash-tool .algorithm-options{margin:25px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--border)}.hash-tool .algorithm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hash-tool .algorithm-option{display:flex;align-items:flex-start;gap:9px;min-width:0;margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--body);cursor:pointer}.hash-tool .algorithm-option:has(input:checked){border-color:var(--primary);background:#f7f6ff}.hash-tool .algorithm-option input{width:17px;height:17px;margin-top:2px;accent-color:var(--primary)}.hash-tool .algorithm-option span{display:flex;min-width:0;flex-direction:column}.hash-tool .algorithm-option strong{color:var(--heading)}.hash-tool .algorithm-option small{margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.3}.hash-tool .algorithm-actions{display:flex;gap:8px;margin-top:9px}.hash-tool .button{min-height:44px}.hash-tool .button-quiet{min-height:34px;padding:6px 9px;background:transparent;color:var(--primary);font-size:.84rem}.hash-tool .hash-case-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:19px}.hash-tool .hash-case-control>span{margin:0 8px 0 0}.hash-tool .case-button{padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--body);font:inherit;font-size:.82rem;cursor:pointer}.hash-tool .case-button.is-active{border-color:var(--primary);background:#eeedff;color:var(--primary);font-weight:700}.hash-tool .hash-progress{margin-top:18px}.hash-tool .hash-progress[hidden],.hash-tool [hidden]{display:none!important}.hash-tool .hash-progress-label{color:var(--muted);font-size:.84rem}.hash-tool .hash-progress-track{height:9px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e2e5ef}.hash-tool .hash-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .15s ease}.hash-tool .hash-status{min-height:1.4em;margin-top:10px;color:var(--muted);font-size:.9rem}.hash-tool .hash-status.is-error,.hash-tool .verify-status.is-error{color:#a52323}.hash-tool .hash-results{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.hash-tool .hash-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.hash-tool .hash-results-head h2,.hash-tool .hash-verify h2{margin:0;color:var(--heading);font-size:1.35rem}.hash-tool .hash-results-head>div{display:flex;flex-wrap:wrap;gap:8px}.hash-tool .hash-result-row{margin-top:12px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:#fbfcff}.hash-tool .hash-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hash-tool .hash-result-head strong{color:var(--heading)}.hash-tool .hash-result-row code{display:block;margin-top:9px;color:#252b40;font:500 .86rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}.hash-tool .hash-copy-one{min-height:32px}.hash-tool .hash-verify{margin-top:28px;padding-top:23px;border-top:1px solid var(--border)}.hash-tool .hash-verify h2{margin-bottom:15px}.hash-tool .hash-verify .button{margin-top:12px}.hash-tool .verify-status{min-height:1.5em;margin-top:10px;color:var(--muted);font-size:.9rem}.hash-tool .verify-status.is-success{color:#176c42}.hash-tool .hash-warning{max-width:1080px;margin:18px auto 0;padding:14px 16px;border:1px solid #e5bd67;border-radius:10px;background:#fff8e6;color:#72500b;font-size:.9rem;line-height:1.55}.hash-tool .hash-content{max-width:920px;margin:30px auto 0}.hash-tool .hash-content h2{margin-top:28px}.hash-tool .hash-content h2:first-child{margin-top:0}.hash-tool .hash-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.hash-tool .hash-comparison article{padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.hash-tool .hash-comparison h3{margin:0;color:var(--heading);font-size:1rem}.hash-tool .hash-comparison p{margin:7px 0 0;color:var(--body);font-size:.88rem}.hash-tool .faq-section{max-width:1080px;margin:0 auto}.hash-tool .faq-section details{border-top:1px solid var(--border);padding:1rem 0}.hash-tool .faq-section summary{color:var(--heading);cursor:pointer;font-weight:700}.hash-tool .faq-section p{margin:.7rem 0 0;color:var(--body)}.hash-tool .related-tools{padding-left:0;padding-right:0}@media(max-width:900px){.hash-tool .algorithm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hash-tool .hash-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hash-tool .hash-card{padding:16px}.hash-tool .hash-results-head{align-items:flex-start;flex-direction:column}.hash-tool .hash-results-head>div{width:100%}.hash-tool .hash-results-head .button{flex:1}.hash-tool .hash-comparison{grid-template-columns:1fr}.hash-tool .privacy-note{border-radius:10px;text-align:left}.hash-tool .related-tools{padding-left:0;padding-right:0}}@media(max-width:520px){.hash-tool .algorithm-grid{grid-template-columns:1fr}.hash-tool .hash-drop{padding:32px 14px}.hash-tool .hash-actions .button{flex:1}.hash-tool .hash-case-control{align-items:flex-start;flex-direction:column}.hash-tool .hash-case-control>span{margin:0}.hash-tool .hash-input-meta{justify-content:space-between}.hash-tool .hash-result-row{padding:12px}.hash-tool .hash-results-head .button{flex:1 1 100%}}