.mte-root{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mte-tone-blue{--mte-tone:var(--color-ai-gradient-blue)}.mte-tone-lime{--mte-tone:var(--color-system-lime)}.mte-tone-green{--mte-tone:var(--color-system-la-palma)}.mte-tone-lavender{--mte-tone:var(--color-brand-lavender)}.mte-tone-purple{--mte-tone:var(--color-brand-pinkish-purple)}.mte-tone-red{--mte-tone:var(--color-system-red)}.mte-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);max-width:1160px;margin:0 auto}.mte-filter{display:flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid color-mix(in srgb,var(--mte-tone) 38%,transparent);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-mono);font-size:12.5px;color:var(--mte-tone);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-in-out),border-color var(--duration-quick) var(--ease-in-out)}.mte-filter:hover{background:color-mix(in srgb,var(--mte-tone) 10%,transparent)}.mte-filter[aria-pressed=true]{border-color:var(--mte-tone);background:color-mix(in srgb,var(--mte-tone) 18%,transparent)}.mte-filter-all{--mte-tone:var(--color-iron-gray-5)}.mte-filter-all[aria-pressed=true]{border-color:var(--color-gray-30);background:var(--color-surface-raised);color:var(--color-foreground)}.mte-count{margin:0;font-family:var(--font-sans);font-size:var(--text-body-xs);color:var(--color-subtle);text-align:center}.mte-grid{display:grid;grid-template-columns:minmax(0,1fr);padding:0 1px 1px 0}@media (min-width:640px){.mte-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mte-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mte-tool{flex-direction:column;align-items:flex-start;min-width:0;margin:0 -1px -1px 0;padding:var(--spacing-lg);border:1px solid var(--color-border)}.mte-chip,.mte-tool{display:flex;gap:var(--spacing-sm)}.mte-chip{align-items:center;max-width:100%;padding:4px 10px;border:1px solid var(--color-gray-20);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--mte-tone,var(--color-muted))}.mte-chip code{overflow:hidden;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap}.mte-chip img,.mte-chip svg{flex-shrink:0}.mte-description{margin:0;font-family:var(--font-sans);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-muted)}@media (prefers-reduced-motion:reduce){.mte-filter{transition:none}}