Add support for Extended CSS selectors and styles in the DevTools

### Issue Details

Extended selectors and styles are not currently supported in DevTools.

Right now, when you preview and apply the rules, one style is used with display: none !important

### Proposed solution

Things to be added:

1. Support for Extended CSS selectors.
2. Support for applying styles (standard and extended css), such as [example.com#$#body](http://example.com/#$#body) { background: red !important; } / [example.com#$?#body](http://example.com/#$?#body) { background: red !important; }

When previewing/applying, there should not be one style with display: none !important, but a separate style.

Optional:

Add a function to highlight (by color/frame) all elements that match their selector.
In this case, if the wrong rule is entered, it will be immediately visible.

### Alternative solution

_No response_