.hex-container{flex:1;overflow-y:auto;overflow-anchor:none;background:var(--color-bg-inset);font-family:var(--font-mono);font-size:var(--font-size-sm);user-select:none}.hex-container:focus{outline:2px solid var(--color-border-focus);outline-offset:-2px}.hex-row{height:var(--hex-row-height);overflow-anchor:none;display:grid;grid-template-columns:5ch calc(48ch + 32px) calc(16ch + 32px);justify-content:start;align-items:center;padding:0 var(--spacing-sm);gap:var(--spacing-sm);border-bottom:1px solid rgba(0,0,0,.02);white-space:pre}.hex-offset{color:var(--color-text-tertiary)}.hex-bytes,.hex-text{overflow:hidden;text-overflow:ellipsis}.hex-byte{padding:0 1px;border-radius:2px}.hex-text .hex-byte{display:inline-block;width:1ch;text-align:center;overflow:visible}.hex-byte--placeholder{user-select:none}.hex-byte--placeholder:before{content:"\b7";color:var(--color-text-tertiary);pointer-events:none}.hex-byte--hovered{background:var(--color-hl-hovered)}.hex-byte--ancestor{background:var(--color-hl-ancestor)}.hex-byte--tag{background:var(--color-hl-tag);font-weight:600;box-shadow:inset 0 0 0 1px var(--color-hl-tag-outline)}.hex-byte--selected-varint{background:var(--color-hl-varint-sel)}.hex-byte--selected-len-prefix{background:color-mix(in srgb,var(--color-hl-varint-sel) 50%,var(--color-hl-len-sel) 50%);box-shadow:inset 0 -1px color-mix(in srgb,var(--color-wt-varint) 50%,var(--color-wt-len) 50%)}.hex-byte--selected-i64{background:var(--color-hl-i64-sel)}.hex-byte--selected-len{background:var(--color-hl-len-sel)}.hex-byte--selected-i32{background:var(--color-hl-i32-sel)}.hex-byte--range-selected{background:var(--color-hl-range-sel);outline:1px solid var(--color-hl-range-sel-outline)}.hex-context-menu{position:fixed;z-index:900;min-width:160px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 16px #00000026;padding:var(--spacing-xs) 0;font-family:var(--font-sans);font-size:var(--font-size-sm)}.hex-context-menu__item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-md);color:var(--color-text-primary);cursor:pointer;white-space:nowrap}.hex-context-menu__item:hover{background:var(--color-hl-hovered)}