.mtl-wrap{display:flex;flex-direction:column;gap:1rem}.mtl-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--color-surface-muted);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-border-soft);align-self:flex-start}.mtl-tab{appearance:none;border:0;padding:.45rem 1rem;font-size:.85rem;font-weight:700;color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mtl-tab.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-subtle)}@media(hover:hover){.mtl-tab:not(.is-active):hover{color:var(--color-primary)}}.mtl-panel{display:flex;flex-direction:column;gap:.85rem}.mtl-panel[hidden]{display:none}.mtl-search-row{display:flex}.mtl-input{flex:1}.mtl-chips{display:flex;flex-wrap:wrap;gap:.4rem}.mtl-chip{appearance:none;border:0;background:var(--color-surface-muted);color:var(--color-text-secondary);padding:.32rem .85rem;font-size:.78rem;font-weight:700;border-radius:var(--radius-pill);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-border-soft);transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.mtl-chip.is-active{background:var(--color-primary-light);color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent)}@media(hover:hover){.mtl-chip:not(.is-active):hover{color:var(--color-primary)}}.mtl-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.7rem}.mtl-card{display:flex;flex-direction:column;gap:.4rem;padding:.75rem .9rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.mtl-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mtl-mime{flex:1;min-width:0;display:block;font-family:var(--font-mono);font-size:.84rem;color:var(--color-text);overflow-wrap:anywhere;word-break:break-word}.mtl-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--color-text-secondary);flex-wrap:wrap}.mtl-group{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .55rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.mtl-group-application{color:var(--color-cat-data)}.mtl-group-image{color:var(--color-cat-image)}.mtl-group-audio{color:var(--color-text-secondary)}.mtl-group-video{color:var(--color-cat-dev)}.mtl-group-text{color:var(--color-cat-text)}.mtl-group-font{color:var(--color-cat-color)}.mtl-group-multipart{color:var(--color-cat-api)}.mtl-group-message{color:var(--color-cat-security)}.mtl-group-model{color:var(--color-primary)}.mtl-empty{font-size:.88rem;color:var(--color-text-secondary);padding:1rem 0;text-align:center}.mtl-drop{display:flex;align-items:center;justify-content:center;min-height:160px;padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);cursor:pointer;text-align:center;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.mtl-drop.is-drag{background:var(--color-primary-light);box-shadow:inset 0 0 0 2px var(--color-primary)}.mtl-drop-body{display:flex;flex-direction:column;gap:.35rem}.mtl-drop-body strong{font-size:.95rem;color:var(--color-text);font-weight:700}.mtl-drop-body span{font-size:.82rem;color:var(--color-text-secondary)}.mtl-file{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.mtl-sniff-result{display:flex;flex-direction:column;gap:.5rem}.mtl-sniff-result[hidden],.mtl-note-row[hidden]{display:none}@media(max-width:640px){.mtl-tabs{width:100%}.mtl-tab{flex:1;text-align:center}.mtl-chips{overflow-x:auto;flex-wrap:nowrap}.mtl-chip{white-space:nowrap}}