Make bounds editable through the CSS sidepanel

components/ui_devtools/protocol.json

 {
     "domains": [
         {
             "commands": [
                 {
                     "description": "Enables DOM agent for the given page.",
                     "name": "enable"
                 },
                 {
                     "description": "Disables DOM agent for the given page.",
@@ skipping 206 matching lines @@
                             "name": "nodeId"
                         }
                     ],
                     "returns": [
                         {
                             "$ref": "CSSStyle",
                             "description": "Inline style for the specified DOM node.",
                             "name": "inlineStyle",
                             "optional": true
                         }
+
+                    ]
+                },
+                {
+                    "description": "Applies specified style edits one after another in the given order.",
+                    "name": "setStyleTexts",
+                    "parameters": [
+                        {
+                            "items": {
+                                "$ref": "StyleDeclarationEdit"
+                            },
+                            "type": "array",
+                            "name": "edits"
+                        }
+                    ],
+                    "returns": [
+                        {
+                            "items": {
+                                "$ref": "CSSStyle"
+                            },
+                            "type": "array",
+                            "name": "styles",
+                            "description": "The resulting styles after modification."
+                        }
                     ]
                 }
             ],
             "events": [
                 {
                     "name": "styleSheetChanged",
                     "parameters": [
                         {
                             "name": "styleSheetId",
                             "$ref": "StyleSheetId"
                         }
                     ],
                     "description": "Fired whenever any bounds are updated for any object."
                 }
             ],
             "domain": "CSS",
             "types": [
                 {
                      "id": "StyleSheetId",
                      "type": "string"
                 },
                 {
+                    "description": "Text range within a resource. All numbers are zero-based.",
+                    "type": "object",
+                    "id": "SourceRange",
+                    "properties": [
+                        {
+                            "type": "integer",
+                            "name": "startLine",
+                            "description": "Start line of range."
+                        },
+                        {
+                            "type": "integer",
+                            "name": "startColumn",
+                            "description": "Start column of range (inclusive)."
+                        },
+                        {
+                            "type": "integer",
+                            "name": "endLine",
+                            "description": "End line of range"
+                        },
+                        {
+                            "type": "integer",
+                            "name": "endColumn",
+                            "description": "End column of range (exclusive)."
+                        }
+                    ]
+                },
+                {
+                    "description": "A descriptor of operation to mutate style declaration text.",
+                    "type": "object",
+                    "id": "StyleDeclarationEdit",
+                    "properties": [
+                        {
+                            "description": "The css style sheet identifier (same as NodeId for UI DevTools).",
+                            "name": "styleSheetId",
+                            "$ref": "StyleSheetId"
+                        },
+                        {
+                            "type": "string",
+                            "name": "text",
+                            "description": "New style text."
+                        }
+                    ]
+                },
+                {
                     "id": "CSSProperty",
                     "properties": [
                         {
                             "description": "The property name.",
                             "name": "name",
                             "type": "string"
                         },
                         {
                             "description": "The property value.",
                             "name": "value",
                             "type": "string"
+                        },
+                        { 
+                            "name": "range", 
+                            "$ref": "SourceRange", 
+                            "optional": true, 
+                            "description": "The entire property range in the enclosing style declaration (if available)."  
                         }
                     ],
                     "type": "object"
                 },
                 {
                     "description": "CSS style representation.",
                     "id": "CSSStyle",
                     "properties": [
                         {
                             "description": "The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from. For UI devtools, this is simply equivalent to the NodeId.",
                             "optional": true,
                             "name": "styleSheetId",
                             "$ref": "StyleSheetId"
                         },
                         {
                             "description": "CSS properties in the style.",
                             "items": {
                                 "$ref": "CSSProperty"
                             },
                             "name": "cssProperties",
                             "type": "array"
                         },
                         {
                             "description": "Frontend requires us to pass this. We just pass an empty array.",
                             "items": {
                                 "type": "string"
                             },
                             "name": "shorthandEntries",
                             "type": "array"
+                        },
+                        {
+                            "description": "Style declaration range in the enclosing stylesheet (if available).",
+                            "optional": true,
+                            "name": "range",
+                            "$ref": "SourceRange"
                         }
                     ],
                     "type": "object"
                 }
             ]
         }
     ],
     "version": {
         "major": "1",
         "minor": "0"
     }
 }