This panels provides the actual CSS properties for the current selector state. For example, if you’re editing a block or global styles hover state in mobile view you then it will provide a code mirror for that actual state.
This panel also
Any CSS property
This panel is not just a code representation of the styles builder controls. You can write and edit code directly in the CSS Properties panel including any browser supported CSS property whether it is available in the styles builder controls or not.
Enable CSS Mode ( Pro )
With GenerateBlocks Pro, this panel will provide a second shortcut to the CSS Mode, which we recommend using for more advanced control when writing CSS for a block, global styles or design token.