如何导出JavaScript修改的样式表？

Question

我正在开发一个我可以自定义的网络应用程序。该应用程序有一个自定义页面，其中包含一个工具栏和一个链接到虚拟预览文件的iframe。使用工具栏进行的修改会反映在iframe中，以便用户能够看到他们正在更改的内容。例如，有一个字体大小输入字段，可用于调整预览页面的font-size。

它的工作原理如下：

<input type="number" id="txtFontSize" value="16" />

$('#sidebar').on('input', '#txtFontSize', function() {
    var
        previewFrame = window.frames['preview'].document,
        $body = $('body', previewFrame)
    ;

    $body.css({fontSize:25})
});

在工具栏的底部有一个保存按钮。我需要导出JavaScript修改的样式表，以便我可以存储该特定用户的更改。此时用于保存的方法无关紧要;我的问题是：

如何导出默认样式表以及任何经JavaScript修改的样式？

在有人要求之前：格式可以是一个简单的字符串，如果这是最简单的。否则，不到100个用户，因此将这些修改存储为每个用户的新CSS文件并不是不可能的。