.bpf-app{min-width:0;overflow:hidden}.bpf-app .native-toolbar{flex-wrap:wrap;flex-shrink:0}.bpf-app h2{font-size:var(--font-size);font-weight:600;margin:7px 9px}.bpf-app h2 span{font:10px/1.4 Hack,monospace;color:var(--muted);display:block;margin-top:4px}
.bpf-input-panel{background:var(--sidebar);border-bottom:1px solid var(--line);flex-shrink:0;padding:5px 9px;max-height:240px;overflow:auto}.bpf-input-panel summary,.bpf-metadata summary{cursor:pointer}.bpf-input-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px}.bpf-input-columns section{min-width:0}.bpf-input-columns label{display:block;font-size:11px;margin-bottom:4px}.bpf-input-columns textarea{display:block;width:100%;min-height:50px;height:65px;max-height:120px;font:11px/1.5 Hack,monospace;resize:vertical;margin-bottom:5px}.bpf-input-panel p{font-size:11px;line-height:1.5;margin:7px 0 2px;color:var(--muted)}#bpf-packet-label{font-size:11px;margin-left:6px}
#bpf-entry,#bpf-goto,#bpf-memory-offset{width:65px;min-width:0;font:11px Hack,monospace}#bpf-filter{width:150px;min-width:65px;flex:1}.bpf-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(325px,1fr);flex:1;min-height:0}.bpf-code-pane,.bpf-state-pane{min-width:0;min-height:0;display:flex;flex-direction:column}.bpf-state-pane{border-left:1px solid var(--line);background:var(--sidebar)}.bpf-code-scroll{min-height:75px;flex:1;overflow:auto;background:var(--bg)}.bpf-code-scroll th{position:sticky;top:0;background:var(--sidebar);z-index:1}.bpf-code-scroll td{font:11px/1.7 Hack,monospace;white-space:nowrap}.bpf-code-scroll td:first-child{padding:0 4px;width:25px}.bpf-code-scroll td button{padding:0;width:23px;min-height:20px;border:0;background:transparent;color:var(--muted)}.bpf-code-scroll td button[aria-pressed=true]{color:#f47750}.bpf-code-scroll tr[aria-selected=true]{background:var(--selected);color:var(--ink)}.bpf-code-scroll tr.bpf-current td:nth-child(2){box-shadow:inset 3px 0 var(--accent);color:var(--accent);font-weight:bold}.bpf-code-scroll tr.bpf-invalid td:last-child{color:#f47750}.bpf-code-scroll tr:focus{outline:2px solid var(--accent);outline-offset:-2px}
#bpf-instruction-detail{margin:0;padding:6px 9px;border-top:1px solid var(--line);background:var(--sidebar);font:10px/1.6 Hack,monospace;white-space:pre-wrap;overflow:auto;max-height:95px;flex-shrink:0}.bpf-pagination{font-size:11px}.bpf-pagination button{padding:2px 5px}.bpf-register-scroll{overflow:auto;min-height:80px;max-height:310px}.bpf-register-scroll td{font:10px/1.6 Hack,monospace;white-space:nowrap;padding:3px 7px}.bpf-register-scroll th{font-size:10px;padding:3px 7px}.bpf-register-scroll .bpf-changed{color:var(--accent);background:var(--selected)}#bpf-memory-region{max-width:100%;min-width:100px;flex:1;font-size:11px}#bpf-memory{min-height:55px;flex:1;margin:0;padding:7px 9px;overflow:auto;font:10px/1.6 Hack,monospace;background:var(--bg);white-space:pre}.bpf-metadata{padding:4px 9px;border-top:1px solid var(--line);font-size:11px;max-height:220px;overflow:auto;flex-shrink:0}.bpf-metadata pre{font:10px/1.6 Hack,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.bpf-state-pane .tool-note{flex:1;font-size:10px;margin:0;min-width:110px}.bpf-app .statusbar{flex-shrink:0;min-height:25px;white-space:normal;overflow-wrap:anywhere}.bpf-app .native-toolbar button{font-size:11px}
@media(max-width:700px){.bpf-workspace{grid-template-columns:1fr;grid-template-rows:minmax(160px,1fr) minmax(170px,1fr)}.bpf-state-pane{border-left:0;border-top:1px solid var(--line)}.bpf-register-scroll{max-height:155px;min-height:70px}.bpf-state-pane h2{margin:4px 8px}.bpf-state-pane h2 span{display:inline;margin-left:5px}.bpf-state-pane .tool-note{display:none}.bpf-input-columns{grid-template-columns:1fr}.bpf-input-panel{max-height:185px}.bpf-metadata{max-height:110px}#bpf-instruction-detail{max-height:55px}.bpf-app .native-toolbar{gap:4px;padding:4px 6px}#bpf-source{max-width:160px}.bpf-execution{font-size:11px}}
