ChenYCL/chrome-extension-udemy-translate ? reverse-engineered prompt

Build me a Chrome extension that translates subtitles in real time on video sites and any other website with captions. It should let me pick an AI translation provider, either OpenAI style API or a local Ollama setup, and then save the API key, base URL, and model in a simple settings page. I want to be able to add a website, paste in the domain and the subtitle CSS selector, and have the translated text appear automatically while the video is playing.

Make the extension easy to set up, with a few preset configs for popular sites like Netflix, YouTube, Disney Plus, Udemy, and other common streaming pages. The subtitle text should be customizable too, like size, position, and style, so it does not block the video. Please include a way to test the API connection from the options page before I use it. If you need to check current browser extension docs or API details, look them up online and use the best current approach.