Make pending text more distinct from published text

[zestyping]

The text currently being typed by subtitlers is the same font and color as the published text, and very close to it, separated by only a thin white line. I found it easier to subtitle after I executed this JavaScript in the console, which makes the pending text grey, in italics, and separated with a larger vertical gap:

    document.body.style.lineHeight = '1.5';
    var pendingArea = document.querySelector('div[style="display: flex; flex-direction: column-reverse;"]');
    pendingArea.style.padding = '2em 0 0 0';
    pendingArea.style.opacity = '0.6';
    pendingArea.style.fontStyle = 'italic';