Your key is used only in your browser to call the selected provider's API directly. It is never sent to or stored on our servers. We recommend restricting your key (by domain/IP and by API scope) in that provider's console.
Paste the HTML this CSS is meant to style, then click "Find unused CSS" to see which selectors in the left box don't match anything below. This runs instantly and doesn't use your API key.
Scans the CSS in the left box for rules that set the same property with different values on overlapping selectors, and shows which one wins and why. This runs instantly and doesn't use your API key.
Finds colors and size values (px/rem/em) repeated across the CSS in the left box and suggests turning them into CSS custom properties. This runs instantly and doesn't use your API key.
Adds tablet and mobile media queries to the CSS in the left box, scaling sizes and adjusting layout for smaller screens while leaving your existing desktop styles untouched. Uses your AI provider and API key.
Describe a visual problem you're seeing (e.g. "my button won't center"), and optionally paste relevant HTML for context. The AI will diagnose the likely cause and fix it, using the CSS in the left box. Uses your AI provider and API key.