.mb-root{--mb-radius: 8px;--mb-gap: 16px;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--mb-gap)}.mb-root .drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed var(--color-border);border-radius:var(--mb-radius);background:var(--color-surface);cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.mb-root .drop-zone:hover,.mb-root .drop-zone.drag-over{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.mb-root .drop-icon{font-size:28px}.mb-root .drop-text{font-size:14px;color:var(--color-text);font-weight:500}.mb-root .drop-hint{font-size:12px;color:var(--color-text-secondary)}.mb-root .identify-result{margin-top:12px;border:1px solid var(--color-border);border-radius:var(--mb-radius);background:var(--color-surface);overflow:hidden}.mb-root .id-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-bottom:1px solid var(--color-border);font-size:13px}.mb-root .id-filename{font-weight:600;word-break:break-all;flex:1}.mb-root .id-size{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.mb-root .id-close-btn{border:none;background:none;cursor:pointer;font-size:16px;color:var(--color-text-secondary);padding:2px 6px;border-radius:4px}.mb-root .id-close-btn:hover{background:var(--color-border)}.mb-root .id-matches{padding:12px 14px}.mb-root .id-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.mb-root .id-match{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;flex-wrap:wrap}.mb-root .id-match-secondary{opacity:.7;font-size:13px}.mb-root .id-ext{color:var(--color-text-secondary);font-size:12px}.mb-root .id-no-match{padding:12px 14px;color:var(--color-text-secondary);font-size:13px}.mb-root .id-error{padding:12px 14px;color:var(--color-danger);font-size:13px}.mb-root .hex-dump-wrap{overflow-x:auto;border-top:1px solid var(--color-border)}.mb-root .hex-dump{padding:12px 14px;font-size:12px;line-height:1.6;margin:0;color:var(--color-text-secondary);white-space:pre}.mb-root .hex-hl{color:var(--color-primary);font-weight:700}[data-theme=dark] .mb-root .hex-hl{color:#60a5fa}.mb-root .search-bar{position:relative}.mb-root .search-input{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--color-border);border-radius:var(--mb-radius);background:var(--color-surface);font-size:14px;color:var(--color-text);outline:none;transition:border-color .2s}.mb-root .search-input:focus{border-color:var(--color-primary)}.mb-root .search-input::placeholder{color:var(--color-text-secondary)}.mb-root .clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:14px;color:var(--color-text-secondary);padding:4px 6px;border-radius:4px}.mb-root .clear-btn:hover{background:var(--color-border)}.mb-root .cat-tabs{display:flex;gap:6px;padding:12px 0 4px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.mb-root .cat-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s}.mb-root .cat-tab:hover{border-color:var(--tab-color, var(--color-primary));color:var(--tab-color, var(--color-primary))}.mb-root .cat-tab.active{background:var(--tab-color, var(--color-primary));color:#fff;border-color:var(--tab-color, var(--color-primary))}.mb-root .result-meta{font-size:12px;color:var(--color-text-secondary);padding:4px 0}.mb-root .result-list{display:flex;flex-direction:column;gap:2px}.mb-root .mb-row{display:grid;grid-template-columns:10px minmax(100px,1.2fr) minmax(60px,.8fr) minmax(120px,1.5fr) auto 20px;gap:8px;align-items:center;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--mb-radius);cursor:pointer;transition:background .15s,border-color .15s;font-size:14px}.mb-root .mb-row:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.mb-root .mb-row.expanded{border-radius:var(--mb-radius) var(--mb-radius) 0 0;border-bottom-color:transparent}.mb-root .mb-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mb-root .mb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-root .mb-ext{color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-root .mb-hex{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-root .mb-cat-pill{font-size:11px;padding:2px 8px;border-radius:12px;background:color-mix(in srgb,var(--pill-color) 12%,transparent);color:var(--pill-color);white-space:nowrap}.mb-root .mb-arrow{color:var(--color-text-secondary);font-size:10px;text-align:center}.mb-root .mb-detail{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--mb-radius) var(--mb-radius);border-left:3px solid var(--color-primary)}.mb-root .detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:12px}.mb-root .detail-field{display:flex;flex-direction:column;gap:2px}.mb-root .detail-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.mb-root .detail-value{font-size:13px;word-break:break-all}.mb-root .detail-desc{font-size:13px;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.5}.mb-root .detail-copy-row{display:flex;flex-wrap:wrap;gap:8px}.mb-root .copy-btn{padding:5px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text);font-size:12px;cursor:pointer;transition:border-color .15s,background .15s}.mb-root .copy-btn:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-background))}.mb-root .no-result{text-align:center;padding:32px 16px;color:var(--color-text-secondary);font-size:14px}@media(max-width:640px){.mb-root .mb-row{grid-template-columns:10px 1fr auto 20px;gap:6px;padding:8px 10px}.mb-root .mb-ext,.mb-root .mb-hex{display:none}.mb-root .mb-name{font-size:13px}.mb-root .detail-grid{grid-template-columns:1fr}.mb-root .detail-copy-row{gap:6px}.mb-root .copy-btn{font-size:11px;padding:4px 10px}}.mb-root .hidden{display:none!important}.mb-root .mono{font-family:var(--font-mono, "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace)}