.hash-tool{--accent-color:#2B8D8F;--accent-hover:#35a3a5;--bg-primary:#01175E;--bg-secondary:#021d75;--text-primary:#ffffff;--text-secondary:#a8b4d4;--success-color:#2B8D8F;--danger-color:#ff4444;--border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:540px;margin:0 auto}.hash-tool[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f0f4f8;--text-primary:#01175E;--text-secondary:#4a5568}.ht-container{background:var(--bg-primary);padding:28px;border-radius:var(--border-radius);box-shadow:0 8px 32px rgb(0 0 0 / .3);border:1px solid rgb(43 141 143 / .2)}.ht-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 24px 0;letter-spacing:-.02em}.ht-tabs{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:10px;margin-bottom:24px}.ht-tab{flex:1;background:#fff0;border:none;padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all 0.2s ease}.ht-tab:hover{color:var(--text-primary)}.ht-tab.active{background:var(--accent-color);color:#fff}.ht-panel{display:none}.ht-panel.active{display:block}.ht-input-group{margin-bottom:20px}.ht-label{display:block;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:8px}.ht-textarea,.ht-input{width:100%;background:var(--bg-secondary);border:2px solid #fff0;border-radius:10px;padding:14px;font-family:'SF Mono','Fira Code','Consolas',monospace;font-size:.95rem;color:var(--text-primary);transition:all 0.2s ease;box-sizing:border-box;resize:vertical}.ht-textarea::placeholder,.ht-input::placeholder{color:var(--text-secondary);font-family:system-ui,sans-serif}.ht-textarea:focus,.ht-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgb(43 141 143 / .2)}.ht-algorithm-select{display:flex;flex-wrap:wrap;gap:8px}.ht-algo-option{display:flex;align-items:center;cursor:pointer}.ht-algo-option input{display:none}.ht-algo-option span{background:var(--bg-secondary);padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all 0.2s ease;border:2px solid #fff0}.ht-algo-option:hover span{color:var(--text-primary)}.ht-algo-option input:checked+span{background:rgb(43 141 143 / .2);color:var(--accent-color);border-color:var(--accent-color)}.ht-generate-btn,.ht-verify-btn{width:100%;background:linear-gradient(135deg,#2B8D8F,#35a3a5);border:none;border-radius:10px;padding:16px 24px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.ht-generate-btn:hover,.ht-verify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(43 141 143 / .4)}.ht-generate-btn:active,.ht-verify-btn:active{transform:translateY(0)}.ht-result-group,.ht-file-result{margin-top:20px}.ht-result-wrapper{display:flex;gap:8px}.ht-result-output,.ht-file-output{flex:1;background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px;padding:14px;font-family:'SF Mono','Fira Code',monospace;font-size:.85rem;color:var(--text-primary);letter-spacing:.02em;word-break:break-all}.ht-copy-btn{background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px;padding:12px 14px;cursor:pointer;color:var(--accent-color);transition:all 0.2s ease;display:flex;align-items:center}.ht-copy-btn:hover,.ht-copy-btn.copied{background:var(--accent-color);color:var(--bg-primary)}.ht-hash-info{display:flex;gap:12px;margin-top:10px;font-size:.8rem}.ht-algo-badge{background:rgb(43 141 143 / .2);color:var(--accent-color);padding:4px 10px;border-radius:4px;font-weight:600}.ht-hash-length,.ht-file-size{color:var(--text-secondary);display:flex;align-items:center}.ht-verify-result{background:var(--bg-secondary);border-radius:10px;padding:20px;text-align:center}.ht-verify-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.ht-status-icon{font-size:1.5rem}.ht-status-text{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ht-verify-result.match .ht-status-icon::before{content:'✓';color:var(--success-color)}.ht-verify-result.match .ht-status-text{color:var(--success-color)}.ht-verify-result.mismatch .ht-status-icon::before{content:'✗';color:var(--danger-color)}.ht-verify-result.mismatch .ht-status-text{color:var(--danger-color)}.ht-verify-details{font-size:.85rem;color:var(--text-secondary);word-break:break-all}.ht-file-drop{margin-bottom:20px}.ht-file-input{display:none}.ht-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-secondary);border:2px dashed var(--accent-color);border-radius:12px;padding:40px 20px;cursor:pointer;transition:all 0.2s ease;text-align:center}.ht-file-label:hover{background:rgb(43 141 143 / .1)}.ht-file-label svg{color:var(--accent-color)}.ht-file-text{color:var(--text-secondary);font-size:.95rem}.ht-file-name{color:var(--accent-color);font-weight:600;font-size:.9rem;display:none}.ht-file-label.has-file .ht-file-text{display:none}.ht-file-label.has-file .ht-file-name{display:block}.ht-file-progress{margin-bottom:20px}.ht-progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:8px}.ht-progress-fill{height:100%;width:0;background:var(--accent-color);transition:width 0.3s ease}.ht-progress-text{font-size:.85rem;color:var(--text-secondary)}.ht-privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:var(--accent-color);text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--bg-secondary)}@media (max-width:480px){.ht-container{padding:20px}.ht-tabs{flex-direction:column}.ht-algorithm-select{flex-direction:column}.ht-algo-option span{display:block;width:100%;text-align:center}.ht-title{font-size:1.25rem}.ht-result-output,.ht-file-output{font-size:.75rem}}