As a user, I want to be able to see the entire CSS property value while editing long values (like nested calculations) in the Advanced panel.
Background: Currently, the editing area for property values in the Advanced panel is restricted to the relatively small panel width. For longer properties (especially nested calculations), you can't see much of the property at once, so it can get awkward trying to troubleshoot. You either need to scroll horizontally through the entry there (see video) or copy/paste from a text editor.
It would be great to have more room to edit those properties.
Solution suggestion: Maybe a dialog similar to Webstudio's "Edit Variables" dialog could allow more space to make editing easier. If there were fields for the CSS property and its value, with an expandable area for value, that could provide a lot of flexibility.
