#text-hash-generator .json-workspace { align-items:start; }
#text-hash-generator .hash-inputs, #hash-results, #hash-results section { min-width:0; }
#text-hash-generator #hash-text { padding:16px; font:inherit; line-height:1.65; resize:vertical; min-height:220px; }
#hash-file-pane { margin-top:16px; }
#hash-file-pane.is-dragging { outline:none; }
#hash-file-pane.is-dragging .focus-drop { outline:3px solid #1769e0; outline-offset:-3px; }
#hash-file-drop .tool-card-icon { width:28px; height:28px; flex:none; }
#hash-file-drop strong { text-align:center; }

#hash-file-info, #hash-file-summary { overflow-wrap:anywhere; }
#hash-file-pane .json-pane-header { flex-wrap:wrap; margin:8px 0 0; }
#hash-file-info { margin:0; }
#hash-results { display:grid; gap:16px; }
#hash-results h3 { margin:0 0 14px; }
#hash-results .hash-result { margin-bottom:12px; }
#hash-results textarea { display:block; padding:10px; font:13px/1.5 Consolas,Monaco,monospace; resize:none; overflow-wrap:anywhere; word-break:break-all; }
#hash-progress { width:100%; }
#text-hash-generator [hidden] { display:none!important; }
#text-hash-generator .json-privacy { display:block; }
#text-hash-generator .json-pane-header { gap:8px; }


#hash-results .hash-source-header { padding:14px; margin-bottom:14px; border:1px solid #dfe6ef; border-radius:14px; background:#f7f9fc; }
#hash-results .hash-source-header h3 { margin:0; color:#263b53; font-size:16px; }
#text-hash-generator .hash-source-meta { margin:6px 0 0; color:#63758a; font-size:13px; overflow-wrap:anywhere; }
#text-hash-generator .hash-source-status { margin:6px 0 10px; color:#52657d; font-size:13px; }
#hash-results .hash-source-status { margin-bottom:0; }
#text-hash-generator .hash-source-status[data-state="busy"] { color:#1d4ed8; font-weight:600; }
#text-hash-generator .hash-source-status[data-state="complete"] { color:#087f5b; }
#text-hash-generator .hash-source-status[data-state="error"] { color:#c92a2a; }