SageMath Cells ans CSS

[jxm-math]

In the embedded SageMath Cells (see for instance http://mathifold.org/en/applet_hyperbolic_tessellations.html), the editor is currently hidden

{% if page.sage %}
  <script src="https://sagecell.sagemath.org/static/embedded_sagecell.js"></script>
  <script>$(function () {
  // Make *any* div with class 'compute' a Sage cell
  sagecell.makeSagecell({inputLocation: 'div.sage', hide: ["editor", "evalButton", "permalink"], autoeval: 1});
  });
  </script>
{% endif %}

(https://github.com/mathifold/mathifold/blob/master/_includes/head.html). However, it is desirable to show this editor, so that the user may see the code and change it if wanted, as in https://sagecell.sagemath.org/. But whenever one changes head.html,

sagecell.makeSagecell({inputLocation: 'div.sage', hide: ["evalButton", "permalink"], autoeval: 1});

the global CSS styles badly interfere with the code editor and it happens to be almost illegible. Which is the best solution for this problem?