:root{--hg-primary:var(--main-primary);--hg-bg:#fff;--hg-bg-secondary:#f8fafc;--hg-bg-hover:#f1f5f9;--hg-text:#1e293b;--hg-text-muted:#64748b;--hg-border:#e2e8f0;--hg-border-focus:var(--main-primary);--hg-shadow:0 1px 3px #0000000f;--hg-radius:var(--main-radius);--hg-radius-lg:var(--main-radius-lg);--hg-success:#10b981;--hg-error:#ef4444;--hg-hash-font:var(--main-font-mono)}._hg-container{gap:var(--main-space-3);max-width:1000px;min-height:500px;padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}._hg-hidden{display:none!important}._hg-options-bar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--hg-bg);border-radius:var(--hg-radius);border-style:solid;border-width:1px;border-color:var(--hg-border);box-shadow:var(--hg-shadow);display:flex}._hg-options-left{align-items:center;gap:var(--main-space-3);display:flex}._hg-options-right{flex:1;max-width:360px}._hg-toggle-label{font-size:var(--main-text-sm);color:var(--hg-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;display:inline-flex}._hg-toggle-label input[type=checkbox]{accent-color:var(--hg-primary)}._hg-compare-wrapper{width:100%}._hg-compare-input{width:100%;font-size:var(--main-text-sm);font-family:var(--hg-hash-font);color:var(--hg-text);background:var(--hg-bg-secondary);border-style:solid;border-width:1px;border-color:var(--hg-border);border-radius:var(--hg-radius);outline:none;padding:.375rem .75rem;transition:border-color .15s}._hg-compare-input:focus{border-color:var(--hg-border-focus);box-shadow:0 0 0 2px #6366f11a}._hg-compare-input::placeholder{color:var(--hg-text-muted);font-family:inherit}@media (max-width:768px){._hg-container{padding-left:1rem;padding-right:1rem}._hg-options-bar{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._hg-options-right{max-width:none}}._hg-input-section{background:var(--hg-bg);border-radius:var(--hg-radius-lg);border-style:solid;border-width:1px;border-color:var(--hg-border);box-shadow:var(--hg-shadow);overflow:hidden}._hg-input-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hg-border);background:var(--hg-bg-secondary);justify-content:space-between;align-items:center;display:flex}._hg-tabs{background:var(--hg-bg-hover);border-radius:var(--hg-radius);gap:2px;padding:2px;display:flex}._hg-tab{font-size:var(--main-text-sm);color:var(--hg-text-muted);border-radius:var(--hg-radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .875rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}._hg-tab svg{width:14px;height:14px}._hg-tab:hover{color:var(--hg-text)}._hg-tab.active{background:var(--hg-bg);color:var(--hg-primary);box-shadow:0 1px 2px #0000000d}._hg-input-actions{gap:var(--main-space-1);display:flex}._hg-btn{cursor:pointer;border:none;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:inline-flex}._hg-btn-icon{border-radius:var(--hg-radius);width:32px;height:32px;color:var(--hg-text-muted);background:0 0}._hg-btn-icon svg{width:14px;height:14px}._hg-btn-icon:hover{color:var(--hg-text);background:var(--hg-bg-hover)}._hg-btn-danger:hover{color:var(--hg-error)}._hg-tab-content{display:none}._hg-tab-content.active{display:block}._hg-textarea{width:100%;min-height:140px;max-height:300px;padding:var(--main-space-3);font-size:var(--main-text-sm);font-family:var(--hg-hash-font);color:var(--hg-text);resize:vertical;background:0 0;border:none;outline:none;line-height:1.6}._hg-textarea::placeholder{color:var(--hg-text-muted)}._hg-dropzone{min-height:140px;padding:var(--main-space-4);cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex}._hg-dropzone:hover{background:var(--hg-bg-hover)}._hg-dropzone.dragover{outline:2px dashed var(--hg-primary);outline-offset:-4px;background:#6366f10d}._hg-dropzone-content{align-items:center;gap:var(--main-space-2);color:var(--hg-text-muted);flex-direction:column;display:flex}._hg-dropzone-content svg{opacity:.4;width:32px;height:32px}._hg-dropzone-text{font-size:var(--main-text-sm);margin:0}._hg-file-info{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--hg-text);display:flex}._hg-file-info svg{width:20px;height:20px;color:var(--hg-primary)}._hg-file-size{color:var(--hg-text-muted)}@media (max-width:768px){._hg-textarea,._hg-dropzone{min-height:100px}}._hg-results{min-height:200px}._hg-empty-state{justify-content:center;align-items:center;gap:var(--main-space-2);min-height:200px;color:var(--hg-text-muted);flex-direction:column;display:flex}._hg-empty-state svg{opacity:.3;width:32px;height:32px}._hg-empty-state p{font-size:var(--main-text-sm);margin:0}._hg-results-list{gap:var(--main-space-2);flex-direction:column;display:flex}._hg-result-row{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--hg-bg);border-radius:var(--hg-radius-lg);border-style:solid;border-width:1px;border-color:var(--hg-border);box-shadow:var(--hg-shadow);display:flex}._hg-result-algo{width:80px;font-size:var(--main-text-xs);color:var(--hg-text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-weight:600}._hg-result-hash{font-family:var(--hg-hash-font);font-size:var(--main-text-sm);color:var(--hg-text);word-break:break-all;flex:1;min-width:0;line-height:1.5}._hg-result-actions{align-items:center;gap:var(--main-space-1);flex-shrink:0;display:flex}._hg-copy-btn{border-radius:var(--hg-radius);width:32px;height:32px;color:var(--hg-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}._hg-copy-btn svg{width:14px;height:14px}._hg-copy-btn:hover{color:var(--hg-primary);background:var(--hg-bg-hover)}._hg-copy-btn.copied{color:var(--hg-success)}._hg-result-row.match{border-color:var(--hg-success);background:#10b98108}._hg-result-row.mismatch{border-color:var(--hg-error);background:#ef444408}._hg-match-badge{font-size:var(--main-text-xs);border-radius:var(--main-radius-full);white-space:nowrap;align-items:center;gap:.25rem;padding:.125rem .5rem;font-weight:500;display:inline-flex}._hg-match-badge svg{width:12px;height:12px}._hg-match-badge.match{color:#059669;background:#10b9811a}._hg-match-badge.mismatch{color:#dc2626;background:#ef44441a}@media (max-width:768px){._hg-result-row{align-items:flex-start;gap:var(--main-space-2);flex-direction:column}._hg-result-algo{width:auto}._hg-result-actions{align-self:flex-end}}