.mtp{--mtp-card:hsl(var(--card));--mtp-edge:hsl(var(--border));--mtp-ink:hsl(var(--foreground));--mtp-mute:hsl(var(--muted-foreground));--mtp-soft:hsl(var(--muted) / .6);gap:8px;min-width:0;display:grid}.mtp [data-tone=emerald]{--mc:#059669}.mtp [data-tone=cyan]{--mc:#0891b2}.mtp [data-tone=blue]{--mc:#2563eb}.mtp [data-tone=amber]{--mc:#d97706}.mtp [data-tone=rose]{--mc:#e11d48}.mtp [data-tone=violet]{--mc:#7c3aed}.dark .mtp [data-tone=emerald]{--mc:#34d399}.dark .mtp [data-tone=cyan]{--mc:#22d3ee}.dark .mtp [data-tone=blue]{--mc:#60a5fa}.dark .mtp [data-tone=amber]{--mc:#fbbf24}.dark .mtp [data-tone=rose]{--mc:#fb7185}.dark .mtp [data-tone=violet]{--mc:#a78bfa}.mtp-top{align-items:center;gap:6px;min-width:0;display:flex}.mtp-cats{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;gap:5px;min-width:0;padding:2px;display:flex;overflow-x:auto}.mtp-cats::-webkit-scrollbar{display:none}.mtp-cat{border:1px solid var(--mtp-edge);background:var(--mtp-card);min-height:44px;color:var(--mtp-ink);cursor:pointer;scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 8px 0 11px;font-size:13px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.mtp-cat svg{width:16px;height:16px;color:var(--mc);flex:none}.mtp-cat:hover{border-color:color-mix(in srgb, var(--mc) 50%, var(--mtp-edge))}.mtp-cat[aria-pressed=true]{color:#fff;background:linear-gradient(135deg, var(--mc), color-mix(in srgb, var(--mc) 72%, #000));box-shadow:0 6px 14px -8px var(--mc);border-color:#0000}.dark .mtp-cat[aria-pressed=true]{color:#0b1020;background:var(--mc)}.mtp-cat[aria-pressed=true] svg{color:currentColor}.mtp-n{min-width:22px;height:22px;color:var(--mtp-mute);background:var(--mtp-soft);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:850;display:grid}.mtp-cat[aria-pressed=true] .mtp-n{color:inherit;background:#ffffff38}.mtp-tools{background:color-mix(in srgb, var(--mc) 7%, transparent);border:1px solid color-mix(in srgb, var(--mc) 22%, var(--mtp-edge));border-radius:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;padding:6px;display:grid}.mtp-tool{background:var(--mtp-card);text-align:left;min-width:0;min-height:52px;color:var(--mtp-ink);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:6px 10px 6px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.mtp-tool:hover{border-color:color-mix(in srgb, var(--mc) 40%, transparent)}.mtp-tool[aria-selected=true]{border-color:var(--mc);box-shadow:0 0 0 1px var(--mc), 0 8px 18px -12px var(--mc)}.mtp-ic{width:36px;height:36px;color:var(--mc);background:color-mix(in srgb, var(--mc) 13%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.mtp-ic svg{width:18px;height:18px}.mtp-tool[aria-selected=true] .mtp-ic{color:#fff;background:var(--mc)}.dark .mtp-tool[aria-selected=true] .mtp-ic{color:#0b1020}.mtp-name{gap:1px;min-width:0;display:grid}.mtp-name b{font-size:13.5px;font-weight:850;line-height:1.2}.mtp-name small{color:var(--mtp-mute);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.mtp-cat:focus-visible,.mtp-tool:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (max-width:420px){.mtp-tools{grid-template-columns:1fr 1fr}.mtp-name small{display:none}.mtp-tool{min-height:48px}}@media (prefers-reduced-motion:reduce){.mtp-cat,.mtp-tool{transition:none}}