style.css

svg {
  border: 1px solid #999;
  overflow: hidden;
}

.node {
  white-space: nowrap;
}

.node rect,
.node circle,
.node ellipse {
  stroke: #333;
  fill: #fff;
  stroke-width: 1.5px;
}

.cluster rect {
  stroke: #333;
  fill: #000;
  fill-opacity: 0.1;
  stroke-width: 1.5px;
}

.edgePath path.path {
  stroke: #333;
  stroke-width: 1.5px;
  fill: none;
}

h1, h2 {
  color: #333;
}

textarea {
  width: 100%;
  height: 200px;
}

label {
  margin-top: 1em;
  display: block;
}

.errorLabel {
  color: red;
  height: 50px;
}

/* Red wavy underline, from https://stackoverflow.com/questions/28152175/a-wavy-underline-in-css */
.syntax-error {
    display: inline-block;
    position:relative;
    background: url(data:image/gif;base64,R0lGODdhBAADAPEAANv///8AAP///wAAACwAAAAABAADAEACBZQjmIAFADs=) bottom repeat-x;
}

.CodeMirror {
font-size: 14px;
}