.app{color:#000;background:#f9f9f9;padding:20px;font-family:monospace}.app.dark{color:#eee;background:#111}.app.dark a{color:#ffd84d}.app.dark a:hover,.app.dark a:focus-visible{color:#fff2a8}.hex-viewer{border:1px solid #444;margin-top:20px;overflow-x:auto}.hex-viewer table{border-collapse:collapse;width:100%}.hex-viewer th,.hex-viewer td{border-bottom:1px solid #444;padding:4px 8px}.offset{color:#888}.hex{white-space:pre;font-family:monospace}.ascii{font-family:monospace}button{cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:16px;transition:background .3s,color .3s}button:hover{color:#fff;background:#555}.app.dark button{color:#eee;background:#333}.app button{color:#111;background:#eee}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lang-select{align-items:center;gap:6px;display:inline-flex}.lang-select select{color:#111;background:#fff;border:1px solid #888;border-radius:8px;padding:6px 10px;font-size:14px}.app.dark .lang-select select{color:#eee;background:#222;border-color:#555}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.actions .search{color:#111;background:#fff;border:1px solid #888;border-radius:8px;flex:200px;min-width:160px;padding:8px 10px;font-size:14px}.app.dark .actions .search{color:#eee;background:#222;border-color:#555}.actions button{padding:8px 14px;font-size:14px}.no-matches{color:#888;padding:12px;font-style:italic}