.elf-controls{padding:22px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.elf-controls label{font-size:12px}.elf-controls select{max-width:100%;padding:10px;background:var(--raised);color:var(--text);border:1px solid var(--line)}.elf-controls p{width:100%;font-size:11px;color:var(--muted)}#elf-import{max-width:100%;font-size:10px;display:block;margin-top:8px}#elf-status{padding-block:18px;font-size:12px}.entry-panel{padding:28px;margin-bottom:24px}#entry-mapping{font-size:clamp(18px,3vw,27px);color:var(--green);overflow-wrap:anywhere}.entry-panel p{margin-block:16px}#elf-warnings{color:#e5bd79;font-size:12px}#elf-source{color:var(--green)}
.elf-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.field-panel,.bytes-panel,.segments-panel{padding:24px;min-width:0}.elf-layout h2,.segments-panel h2{font-size:22px;margin-bottom:18px}.field-panel>p,#field-detail{font-size:11px;color:var(--muted);line-height:1.7}.elf-fields{max-height:600px;overflow:auto;margin-top:20px}.elf-field{display:grid;grid-template-columns:100px 1fr;gap:12px;width:100%;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:11px var(--mono);cursor:pointer}.elf-field strong{font-weight:normal;color:var(--green);overflow-wrap:anywhere}.elf-field[aria-pressed=true]{background:var(--raised);box-shadow:inset 3px 0 var(--green)}.byte-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:20px;font-size:10px}.elf-bytes{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.elf-byte{min-width:0;padding:7px 0;border:1px solid var(--line);background:transparent;color:var(--muted);font:11px var(--mono);cursor:pointer}.elf-byte.header{background:#83bfb711;color:var(--code)}.elf-byte.selected{border-color:var(--green);color:var(--green);text-decoration:underline}.elf-byte.entry{background:var(--green);color:var(--bg);font-weight:bold}#byte-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--bg);padding:16px;margin-top:20px}.segments-panel{margin-top:24px}.segment{padding:18px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.segment strong{color:var(--green)}
@media(max-width:950px){.elf-layout{grid-template-columns:1fr}}@media(max-width:400px){.field-panel,.bytes-panel,.segments-panel,.entry-panel{padding:16px}.elf-byte{font-size:9px}.elf-fields{max-height:350px}.elf-controls{padding:16px}.elf-controls label{width:100%}.elf-field{grid-template-columns:85px 1fr;font-size:10px}}
.elf-byte{min-height:32px}@media(max-width:600px){.elf-bytes{grid-template-columns:repeat(8,minmax(0,1fr))}.elf-byte{font-size:11px}}