Currency Converter Tool

The Genius Prompt

You are an expert web developer. Create a complete, single-file HTML web application for a 'Currency Converter'.

Project Goal:
Build a tool that converts amounts between different currencies using up-to-date exchange rates from a free API.

Core Technologies:
- HTML, Tailwind CSS, JavaScript
- Font Awesome for icons
- A free currency exchange rate API (e.g., ExchangeRate-API).

UI/UX Design (Dark Theme):
1.  Layout: A clean, single-row layout.
2.  Inputs:
    * A number input for the amount.
    * A `select` dropdown for the 'From' currency.
    * An icon to swap the 'From' and 'To' currencies.
    * A `select` dropdown for the 'To' currency.
3.  Output: A read-only field that displays the converted amount.
4.  Info Text: A small text area below that shows the current exchange rate (e.g., '1 USD = 0.92 EUR').

Functionality (JavaScript):
1.  API Call for Rates:
    * On page load, make a `fetch` request to the currency API to get the latest exchange rates for a base currency (e.g., USD).
    * Store these rates in a global JavaScript object.
2.  Populate Dropdowns: Dynamically create `` elements for all available currencies from the API response and add them to both 'From' and 'To' dropdowns.
3.  Conversion Logic:
    * Add `input` event listeners to the amount field and both currency selectors.
    * Create a `convert()` function that is called by the listeners.
    * Inside `convert()`, get the amount, the 'from' currency, and the 'to' currency.
    * Use the stored rates to perform the calculation: `result = amount * (toRate / fromRate)`.
4.  Update UI: Display the result in the output field and update the exchange rate info text.

Final Output:
Provide the complete code in a single, well-commented HTML file.