.mtl-wrap{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:.75rem}.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-text);color:var(--color-bg);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;flex:1 1 0;min-height:0;min-width:0;gap:.65rem}.mtl-panel[hidden]{display:none}.mtl-field-head,.mtl-output-head{display:flex;align-items:center;gap:.4rem;flex:none;font-weight:600;font-size:.85rem}.mtl-input{flex:none;width:100%;min-height:44px}.mtl-group-control{display:flex;align-items:center;gap:.65rem;flex:none;min-width:0}.mtl-search-status,#mtl-sniff-status{flex:none;height:2.8em;min-height:0;overflow:auto;overflow-wrap:anywhere;font-size:.85rem;line-height:1.4}#mtl-sniff-status{margin:0;padding:.25rem .5rem}.mtl-copy{flex:0 0 7.5rem;width:7.5rem;max-width:42%;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.mtl-tab,.mtl-chip{min-height:44px}.mtl-tab:focus-visible,.mtl-chip:focus-visible,.mtl-drop:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.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-text);color:var(--color-bg);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{flex:1 1 0;min-height:0;min-width:0;overflow:auto;align-content:start;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-code)}.mtl-group-text{color:var(--color-cat-text)}.mtl-group-font{color:var(--color-cat-color)}.mtl-group-multipart{color:var(--color-cat-web)}.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:.25rem 0;text-align:center}.mtl-drop{display:flex;align-items:center;justify-content:center;flex:none;min-height:120px;padding:1rem;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-panel-sniff:has(#mtl-sniff-result[hidden]) .mtl-drop{flex:1 1 0}.mtl-sniff-result{flex:1 1 0;min-height:0;min-width:0;overflow:auto;display:flex;flex-direction:column;gap:.5rem}.mtl-sniff-result[hidden],.mtl-note-row[hidden]{display:none}.mtl-sniff-result .tool-result-row{flex:none}.mtl-sniff-result .tool-result-value{min-width:0;overflow-wrap:anywhere}@media(max-width:860px){.mtl-panel{flex:none}#mtl-results:empty,#mtl-panel-search:has(#mtl-results:empty) .mtl-output-head{display:none}.mtl-results,.mtl-sniff-result{flex:none;height:27rem}#mtl-panel-sniff:has(#mtl-sniff-result[hidden]) .mtl-drop{flex:none}}@media(max-width:640px){.mtl-wrap,.mtl-panel{gap:.5rem}.mtl-group-control{align-items:center}.mtl-group-control .mtl-field-head{max-width:6rem}.mtl-chips{min-width:0}.mtl-chip{flex:none}.mtl-results,.mtl-sniff-result{height:24rem}.mtl-sniff-result .tool-result-row{flex-wrap:wrap;gap:.4rem}.mtl-sniff-result .tool-result-label{flex:1 0 100%}.mtl-sniff-result .tool-result-value{flex:1 1 0}.mtl-drop{min-height:120px;padding:.75rem}.mtl-tabs{width:100%}.mtl-tab{flex:1;text-align:center}.mtl-chips{overflow-x:auto;flex-wrap:nowrap}.mtl-chip{white-space:nowrap}}