DevTools: do not use range indices outside of InspectorStyleSheet.

LayoutTests/inspector-protocol/css/css-set-media-text-expected.txt

 ==== Initial style sheet text ====
 @media screen and (min-width: 700px) and (max-device-height: 200em) {
     body {
         padding: 0;
     }
 }
 
  @media all and (orientation: portrait),
 handheld and (max-width: 700px),
 (max-resolution: 3dppx) {
@@ skipping 15 matching lines @@
 handheld and (max-width: 700px),
 (max-resolution: 3dppx) {
     body {
         padding: 10px;
     }
 }
 
 
 Running test: testComplexToSimpleEdit
 ==== Style sheet text ====
-@media screen and (max-device-height: 200em) and (min-width: 700px) {
+@media screen and (min-width: 700px) and (max-device-height: 200em) {
     body {
         padding: 0;
     }
 }
 
  @media all {
     body {
         padding: 10px;
     }
 }
 
 
 Running test: testSimpleToComplexEdit
 ==== Style sheet text ====
 @media all and (min-height: 20px), (max-width: 10px), handheld and (min-monochrome: 8) {
     body {
         padding: 0;
     }
 }
 
- @media (orientation: portrait), handheld and (max-width: 700px), (max-resolution: 3dppx) {
+ @media all and (orientation: portrait),
+handheld and (max-width: 700px),
+(max-resolution: 3dppx) {
     body {
         padding: 10px;
     }
 }
 
 
 Running test: testInvalidParameters
 Expected protocol error: range.startLine must be a non-negative integer
 
 Running test: testInvalidText
-Expected protocol error: SyntaxError Media text is not valid.
+Expected protocol error: SyntaxError Selector or media text is not valid.
 
 Running test: testEditSequentially
 ==== Style sheet text ====
 @media screen {
     body {
         padding: 0;
     }
 }
 
- @media (orientation: portrait), handheld and (max-width: 700px), (max-resolution: 3dppx) {
+ @media all and (orientation: portrait),
+handheld and (max-width: 700px),
+(max-resolution: 3dppx) {
     body {
         padding: 10px;
     }
 }
 
 ==== Style sheet text ====
 @media all,
 handheld and (min-height: 20px),
 (min-width: 100px) and (max-width: 200px) {
     body {
         padding: 0;
     }
 }
 
- @media (orientation: portrait), handheld and (max-width: 700px), (max-resolution: 3dppx) {
+ @media all and (orientation: portrait),
+handheld and (max-width: 700px),
+(max-resolution: 3dppx) {
     body {
         padding: 10px;
     }
 }
 
 
 Running test: testSimpleAfterSequentially
 ==== Style sheet text ====
 @media all and (min-height: 20px) {
     body {
         padding: 0;
     }
 }
 
- @media (orientation: portrait), handheld and (max-width: 700px), (max-resolution: 3dppx) {
+ @media all and (orientation: portrait),
+handheld and (max-width: 700px),
+(max-resolution: 3dppx) {
     body {
         padding: 10px;
     }
 }