Good idea.
I think there might be room to explore exposing the mapping visually like
http://sokra.github.io/source-map-visualization/
Our preprocessed CSS workflow could use some improvement. More concretely, we want to make sure you get the nice edit/iterate workflow with the styles pane even when your authored css is in Sass, Stylus, etc.
We can definitely do this split-pane mapping view to indicate the relationship, but I'm also thinking there may be a more direct way. Something to think about: how would you like to iterate/tweak styles during development with sass and devtools? What would the style pane behavior be like? Cmd-click is a fallback plan but I bet we can come up with a more immediate UX.
Cheers
When using source maps (with Sass) I can Cmd-click on a property to see the Sass line responsible for its generation, however I often find I would like to view the generated CSS for a line (particularly for looking at optimising Sass and looking at context).
It would be great to have an alternative shortcut to click on a property and view the generated CSS for that property.