Как изолировать стили?

Суть проблемы:
Пользователь вводит в одну textarea код HTML и во вторую CSS.
Во время ввода пользователем, генерируется то, что он пишет, иначе сайт.

Но в результате таких махинаций, если пользователь напишет стили для body, то они поменяются у моего сайта(иначе и быть не может).
Какие есть предложения, дабы изолировать стили сайта(который генерируется), от стилей основного сайта, я пробовал через frame, но не получилось, потому что приходилось подключать отдельный файл(а туда как-то еще нужно переслать код с textarea).

Стили я выводил вот таким дубовым способом(просто в теги обернул код из textarea):

document.getElementById('PressCSS').innerHTML = "<style>"+CSSeditor.getValue()+"</style>";

Вот пример: htmlacademy.ru/courses/4/run/1