/* A full byte table; small icons keep their native size inside tappable cells. */
.inspector-controls{display:grid;grid-template-columns:minmax(190px,2fr) repeat(3,minmax(100px,1fr));gap:12px 16px;margin:22px 0 10px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.inspector-controls label{display:grid;gap:5px;font-size:13px;color:var(--muted);min-width:0}
.inspector-controls select,.inspector-controls input[type="text"]{width:100%;min-width:0;background:var(--bg);color:var(--fg);font:inherit;font-family:var(--mono);border:1px solid var(--line);border-radius:6px;padding:8px}
.inspector-controls select:focus-visible,.inspector-controls input:focus-visible,.inspector-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.inspector-jump{display:flex;align-items:end;gap:8px;min-width:0}
.inspector-jump label{flex:1}
.inspector-jump .btn{padding:7px 12px}
.inspector-controls .inspector-checkbox{display:flex;align-items:center;gap:8px;grid-column:2/-1;align-self:end;min-height:38px;color:var(--fg)}
.inspector-checkbox input{accent-color:var(--accent)}
.inspector-error{color:var(--bad)}
.inspector-guide{font-size:13px;color:var(--muted);max-width:none}
.inspector-links{display:flex;gap:6px 10px;flex-wrap:wrap;margin:16px 0}
.inspector-links a{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font:13px var(--mono);text-decoration:none}
.inspector-links a[aria-current="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.inspector-dictionary{margin:28px 0 40px;min-width:0;scroll-margin-top:12px}
.inspector-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}
.inspector-heading h2{margin:0}
.inspector-heading p{font-size:13px;margin:3px 0;color:var(--muted)}
.inspector-actions{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:13px}
.inspector-selected{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--surface);min-height:92px}
.inspector-selected-art{display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex:none;border-radius:7px;background:var(--inspect-canvas,#fff)}
.inspector-selected-art svg{display:block;width:64px;height:64px}
.inspector-selected p{margin:0;max-width:none}
.inspector-selected .inspector-byte-name{font-size:16px;font-weight:500}
.inspector-byte-meta{font:12px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.inspector-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--inspect-canvas,#fff);color:var(--inspect-ink,#222);-webkit-overflow-scrolling:touch}
.inspector-table{width:auto;min-width:100%;border-collapse:separate;border-spacing:0;font-size:11px;font-family:var(--mono);table-layout:fixed}
.inspector-table th,.inspector-table td{padding:2px;border:0;text-align:center;vertical-align:middle}
.inspector-table th{background:var(--inspect-canvas,#fff);color:var(--inspect-ink,#222);font-size:12px;font-weight:500;line-height:1.4}
.inspector-table thead th{height:32px;border-bottom:1px solid var(--line)}
.inspector-table tbody th,.inspector-table .inspector-corner{position:sticky;left:0;min-width:36px;padding-inline:8px;z-index:1;border-right:1px solid var(--line)}
.inspector-table tbody th{border-bottom:1px solid var(--line)}
.inspector-table tr:nth-child(2n) td{border-bottom:1px solid var(--line)}
.inspector-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 4px;width:calc(var(--inspect-size,32px) + 12px);min-width:36px;min-height:44px;margin:auto;background:transparent;color:inherit;border:1px solid transparent;border-radius:6px;font:10px/1.2 var(--mono);cursor:pointer}
.inspector-cell:hover{border-color:var(--accent)}
.inspector-cell[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft);color:var(--fg)}
.inspector-cell-art{display:flex;align-items:center;justify-content:center;width:var(--inspect-size,32px);height:var(--inspect-size,32px);flex:none}
.inspector-cell-art svg{display:block;width:var(--inspect-size,32px);height:var(--inspect-size,32px)}
.inspector-hex-label{display:block}
#inspector[data-labels="false"] .inspector-hex-label{display:none}
.inspector-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.inspector-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:10px}.inspector-controls .inspector-checkbox{grid-column:2;align-self:end}.inspector-selected{padding:10px;gap:10px}.inspector-byte-meta{font-size:11px}}
