.hex-layout{display:grid;grid-template-columns:340px 1fr;gap:16px}@media(max-width:1000px){.hex-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.drop-zone{border:2px dashed var(--border);border-radius:10px;padding:30px 10px;text-align:center;cursor:pointer;transition:all .2s;margin-top:12px}.drop-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.dz-text{font-size:12px;color:var(--muted)}.save-controls{display:flex;gap:6px}.hex-editor-panel{display:flex;flex-direction:column}.hex-viewport-container{display:grid;grid-template-columns:80px 1fr 160px;gap:12px;font-family:JetBrains Mono,Courier New,monospace;font-size:13px;line-height:1.6;background:#0d1117;border-radius:8px;border:1px solid var(--border);padding:16px;overflow-x:auto;margin-top:14px}.hex-lines{color:var(--muted);text-align:right;user-select:none;border-right:1px solid var(--border);padding-right:10px}.hex-dump-bytes{color:#f6d861;word-spacing:4px}.hex-byte{display:inline-block;cursor:text;outline:none;border-bottom:1px dashed transparent}.hex-byte:focus{border-bottom-color:var(--accent);color:var(--accent)}.hex-byte.empty{color:var(--border);cursor:default}.hex-ascii{color:var(--text);border-left:1px solid var(--border);padding-left:10px;word-break:break-all}.ascii-char.empty{color:var(--border)}.hidden{display:none}.mt-3{margin-top:14px}