@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--text-primary:#fff;--text-secondary:#888;--border:#333;--border-hover:#666;--accent:#fff;--error:#f44;--success:#4f4}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);width:260px;height:100vh;padding:24px 0;position:fixed;overflow-y:auto}.logo{border-bottom:1px solid var(--border);margin-bottom:24px;padding:0 24px 24px}.logo h1{letter-spacing:-.5px;font-size:20px;font-weight:700}.logo span{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);padding:8px 24px;font-size:11px;font-weight:600}.nav-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 24px;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-tertiary)}.nav-item.active{border-left-color:var(--accent);background:var(--bg-tertiary)}.nav-item svg{opacity:.7;width:18px;height:18px}.nav-item.active svg{opacity:1}.main{flex:1;max-width:1200px;margin-left:260px;padding:32px}.page-header{margin-bottom:32px}.page-header h2{margin-bottom:8px;font-size:24px;font-weight:600}.page-header p{color:var(--text-secondary)}.tool-container{background:var(--bg-secondary);border:1px solid var(--border)}.tool-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.tool-header h3{font-size:16px;font-weight:600}.tool-select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;min-width:180px;padding:8px 12px;font-family:inherit;font-size:13px}.tool-select:focus{outline:2px solid var(--accent);outline-offset:-1px}.tool-body{min-height:400px;display:flex}.input-panel,.output-panel{flex-direction:column;flex:1;display:flex}.input-panel:first-child,.input-panel+.input-panel{border-right:1px solid var(--border)}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header span{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:500}.panel-actions{gap:8px;display:flex}.panel-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;flex:1;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.panel-textarea:focus{outline:none}.panel-textarea::placeholder{color:var(--text-secondary)}.tool-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding:16px 20px;display:flex}.btn{cursor:pointer;border:1px solid var(--border);padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-secondary{color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-error{color:var(--error);border-color:var(--error)}.btn-error:hover{background:var(--error);color:var(--bg-primary)}.toast{background:var(--bg-secondary);border:1px solid var(--border);padding:12px 20px;font-size:13px;animation:.15s slideIn;position:fixed;bottom:24px;right:24px}.toast.success{border-color:var(--success);color:var(--success)}.toast.error{border-color:var(--error);color:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-box{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);margin:16px 20px;padding:12px 16px;font-size:12px}.info-box code{background:var(--bg-primary);color:var(--text-primary);padding:2px 6px}.hash-options{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.hash-option{cursor:pointer;align-items:center;gap:6px;display:flex}.hash-option input{accent-color:var(--text-primary)}.hash-option label{cursor:pointer;font-size:13px}.string-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px;display:grid}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border);padding:12px}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px;font-size:11px}.stat-value{font-size:16px;font-weight:600}.jwt-parts{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.jwt-part{background:var(--bg-tertiary);border:1px solid var(--border)}.jwt-part-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:8px 12px;font-size:12px;font-weight:600}.jwt-part-content{white-space:pre-wrap;word-break:break-all;padding:12px;font-size:13px}.error-message{color:var(--error);padding:16px;font-size:13px}@media (max-width:900px){.tool-body{flex-direction:column}.input-panel{border-right:none;border-bottom:1px solid var(--border);min-height:200px}.sidebar{width:200px}.main{margin-left:200px}}@media (max-width:600px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:relative}.main{margin-left:0}}