Fossil

  CX("#pikchrshow-output-wrapper {"
     "padding: 0.25em 0.5em; border-radius: 0.25em;"
     "}");
  CX("#pikchrshow-output-wrapper > legend {"
     "display: flex; flex-direction: row;"
     "align-items: center;"
     "}");
  CX("#pikchrshow-output-wrapper > legend > *,"
  CX("#pikchrshow-output-wrapper > legend > *:not(.copy-button)"
     "#pikchrshow-output-wrapper > legend > .copy-button"
     /* ^^^ better-match .copy-button selector required to override
        default */
     "{margin-right: 0.5em}");
     "{margin-right: 0.5em}"
     );
  CX(".dragover {border: 0.5em dotted rgba(0,255,0,0.6)}");
  CX("</style>");
  CX("<div>Input pikchr code and tap Preview to render it:</div>");
  CX("<div id='sbs-wrapper'>");
  CX("<div id='pikchrshow-form'>");
  CX("<textarea id='content' name='content' rows='15'>%s</textarea>",
     zContent/*safe-for-%s*/);