@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#0f172a;--panel-bg:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--alert-color:#ef4444;--alert-bg:#ef44441a;--alert-border:#ef44444d;--border-color:#334155;--border-hover:#475569;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}h2{letter-spacing:-.025em;font-size:1.5rem}h3{font-size:1.1rem}p{color:var(--text-secondary)}.container{width:100vw;height:100vh;display:flex;overflow:hidden}.panel-left{background-color:var(--panel-bg);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;gap:24px;width:380px;min-width:350px;padding:32px 24px;display:flex;overflow-y:auto;box-shadow:4px 0 24px #0000001a}.panel-right{background-color:var(--bg-color);flex:1;padding:32px 40px;overflow-y:auto}.upload-box{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background-color:#0f172a66;border-radius:12px;padding:48px 24px;transition:all .2s}.upload-box p{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.upload-box:hover,.upload-box.drag-active{border-color:var(--accent-color);background-color:#3b82f60d}.upload-box:hover p,.upload-box.drag-active p{color:var(--accent-color)}.results-box{border:1px solid var(--border-color);background-color:#0f172a66;border-radius:12px;padding:20px}.results-box h3{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px}.results-box h4{margin-top:20px;margin-bottom:12px;font-size:.95rem}.match-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px 16px}.match-item p{margin-bottom:4px;font-size:.9rem}.match-item p:last-child{margin-bottom:0}.match-item strong{color:var(--text-primary);font-weight:500}.alert-box{border:1px solid var(--alert-border);color:#fca5a5;background-color:var(--alert-bg);border-radius:12px;align-items:center;gap:8px;padding:16px;font-size:.95rem;font-weight:500;display:flex}.hex-viewer{font-family:var(--font-mono);white-space:pre;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;font-size:14px;line-height:1.6;overflow-x:auto;box-shadow:inset 0 2px 4px #0003}.hex-line{margin-bottom:4px;display:flex}.hex-line:hover{background-color:#ffffff08;border-radius:4px}.hex-offset{color:var(--accent-color);-webkit-user-select:none;user-select:none;margin-right:24px;font-weight:500}.hex-bytes{color:var(--text-primary);letter-spacing:.05em;margin-right:24px}.hex-ascii{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}