@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f3ec;--panel:#fcfbf6;--ink:#30382f;--muted:#73786b;--line:#dcdfd2;--green:#42654e;--pale:#e6eddf;font:13px/1.45 "Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit;color:inherit}button,input,select,.file-button{border:1px solid #cbd3c2;border-radius:4px;background:var(--panel);min-height:31px;padding:5px 8px}button,.file-button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:not(:disabled):hover,.file-button:hover{background:var(--pale);border-color:#b0c3a0}button:focus-visible,input:focus-visible,select:focus-visible,.file-button:focus-within{outline:2px solid var(--green);outline-offset:2px}input{min-width:0}a{color:var(--green);text-underline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.app{height:100vh;height:100svh;display:flex;flex-direction:column;min-height:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;min-height:60px;border-bottom:1px solid var(--line)}.heading{display:flex;gap:9px;align-items:center}.heading img{display:block}h1{font:400 27px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.5px;margin:0}.app-header a{font-size:11px;text-decoration:none;color:var(--muted);white-space:nowrap}.app-header a:hover{text-decoration:underline}.is-embedded .app-header{display:none}
.file-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:8px 12px;border-bottom:1px solid var(--line)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.file-toolbar button,.file-button{font-size:11px;white-space:nowrap}.file-button{position:relative;display:flex;align-items:center;justify-content:center;line-height:1.45}.computer-import,#download{margin-left:3px;border-left:2px solid #afbea4}.file-info{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:2px;padding:7px 12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}#file-name{color:var(--ink);font-weight:600;overflow-wrap:anywhere;flex-basis:100%}#file-type{overflow-wrap:anywhere}.readonly{margin-left:auto;color:#4b6c50}
.inspect-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:11px}.offset-form,.row-size,.search-form{display:flex;align-items:center;gap:6px}.offset-form{flex:1}.offset-form label{white-space:nowrap}.offset-form input{width:116px;flex:1;max-width:200px}.row-size{white-space:nowrap}.row-size select{min-width:47px}.search-form{flex-basis:100%;min-width:0}.search-form input{flex:1;width:80px}.inspect-controls input,.inspect-controls button,.inspect-controls select{min-height:29px}.search-form button{flex:none}.search-form select{max-width:102px}.error{margin:0;padding:7px 12px;border-bottom:1px solid #e0c9b7;background:#f2e6d9;color:#855238;font-size:11px;overflow-wrap:anywhere}
.viewport{position:relative;flex:1;min-height:0;min-width:0;display:flex;background:var(--panel);overflow:hidden}.viewport.drag-over::after{content:"Drop to load from Device";position:absolute;inset:8px;display:grid;place-items:center;text-align:center;padding:12px;pointer-events:none;border:2px dashed #829b72;border-radius:5px;background:#e6eddfed;color:#42654e;font:22px Georgia,serif;z-index:3}.welcome{margin:auto;text-align:center;padding:26px 20px;color:var(--muted)}.welcome img{opacity:.85;display:block;margin:0 auto 15px}.welcome h2{font:400 25px/1.2 Georgia,serif;color:#4f6245;margin:0 0 10px}.welcome p{font-size:12px;margin:0 0 14px}.welcome span{font-size:10px}.empty-file{margin:auto;padding:24px;text-align:center;color:var(--muted)}.table-wrap{overflow:auto;width:100%;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c4ad transparent}table{width:100%;border-collapse:collapse;font:11px/1.4 Consolas,"Liberation Mono",Menlo,monospace;table-layout:fixed}thead{position:sticky;top:0;background:#eeeee4;z-index:1}th{font-weight:400;color:#727d6b}thead th{padding:6px 0;border-bottom:1px solid #d8ddce;font-size:10px}thead th:first-child,tbody th{width:75px;padding-left:10px;text-align:left}thead th:last-child{width:146px;text-align:left;padding-left:9px}tbody th{font-size:10px;white-space:nowrap}td{padding:0;text-align:center;height:24px}tbody tr:nth-child(even){background:#f4f4eb}tbody tr:hover{background:#edf0e4}td.group-end,thead .group-end{border-right:1px solid #e0e4d6}td.byte button{display:block;width:100%;border:0;border-radius:0;background:transparent;padding:3px 0;min-height:24px;font:inherit}td.byte button:hover{background:#dce6d2}td.byte button.selected{background:#42654e;color:#fff}td.byte button.match{box-shadow:inset 0 -2px #98b680;background:#e4eddb}td.byte button.match.selected{background:#42654e;color:#fff}td.ascii{text-align:left;white-space:pre;padding-left:9px;color:#53634d;letter-spacing:.035em;overflow:hidden}.ascii .unprintable{color:#b0b7a7}.ascii .selected{background:#42654e;color:#fff}.ascii .match{background:#dce7d0}.ascii .match.selected{background:#42654e;color:#fff}.selection{display:flex;flex-wrap:wrap;gap:3px 14px;padding:7px 12px;border-top:1px solid var(--line);font:10px/1.5 Consolas,"Liberation Mono",monospace;color:#52634b;background:#eeeee44d}.pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 10px;border-top:1px solid var(--line)}.pagination button{min-height:25px;min-width:27px;padding:2px 6px;font-size:15px}.pagination span{min-width:120px;text-align:center;font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:27px;padding:5px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer p{margin:0;overflow-wrap:anywhere}#range{white-space:nowrap}
@media(max-width:639px){table{font-size:11px}thead th:first-child,tbody th{width:68px;padding-left:8px}thead th:last-child{width:78px;padding-left:6px}td.ascii{padding-left:6px;letter-spacing:0}.file-toolbar,.file-info,.inspect-controls{padding-left:9px;padding-right:9px}.selection{column-gap:10px;padding-left:9px;padding-right:9px}.app-header{padding:11px 13px;min-height:55px}.heading img{width:24px;height:24px}h1{font-size:25px}.app-header a{font-size:10px}.app-header{gap:7px}}
@media(max-width:380px){.file-toolbar{gap:6px}.file-toolbar button,.file-button{font-size:10px;padding-left:7px;padding-right:7px}.inspect-controls{gap:6px}.row-size{margin-left:auto}.offset-form{flex-basis:100%}.offset-form input{max-width:none}.row-size{font-size:10px}.row-size select{min-height:26px;padding:2px 4px}.search-form{gap:4px}.search-form select{max-width:90px;padding-left:5px;padding-right:3px}.search-form button{padding-left:6px;padding-right:6px}table{font-size:10px}thead th:first-child,tbody th{width:60px;padding-left:7px}thead th:last-child{width:65px;padding-left:5px}td.ascii{padding-left:5px}.selection{font-size:9px;gap:2px 10px}footer{font-size:9px}#range{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:no-preference){button,.file-button{transition:background 100ms,border-color 100ms}}
.computer-import[aria-disabled="true"]{opacity:.4;cursor:default}.table-wrap[data-row-size="16"] table{min-width:580px}.table-wrap[data-row-size="16"] thead th:last-child{width:146px}