main.css

* { box-sizing: border-box; }
body, html { overflow: hidden; }
body {
  margin:0;
  padding:0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  transition: background-color 1s ease-out;
}

/* Textarea */
#Textarea {
  border:0px;
  margin:0;
  padding: .75rem .75rem .25rem .75rem;
  outline:0;
  resize: none;
  -webkit-overflow-scrolling: touch;
  transition: background-color 1s ease-out, color 1s ease-out;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  /* Fallback styles */
  font-family: Menlo, monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45em;
}

/* Disable default browser disabled styles */
#Textarea:disabled {
  background-color: initial;
  color: initial;
}

/* Drawer */
.drawer {
  background-color:#fff;
  color: #ccc;
  padding:.5rem;
}
.drawer form > div {
  margin-bottom: 1rem;
}
.drawer .drawer-title {
  color:#000;
}
#CssTextarea {
  font-size: .75em;
  line-height: 1.45em;
  width: 100%;
  font-family: Menlo, monospace;
}

/* Footer */
.footer {
  /*position: absolute; bottom: 0; width: 100%;*/
  height: 1.5rem;
  font-size: .70rem;
  letter-spacing: .025em;
  background-color:rgba(128,128,128,1);
  color: rgba(255,255,255,1);
  opacity: 0.5;
  transition: opacity .33s ease-out;
}
.footer:hover {
  opacity: 0.75;
}
.footer > div {
  padding:0 0.85rem;
  position: relative;
  top: 2px;
}
.footer .status {
  cursor:default;
}
.footer .settings {
  cursor: pointer;
}

#scrim.paper-drawer-panel {
  /* This transition fixes a bug when running in iframe and docked to the right */
  transition: opacity ease-in-out 0.38s;
  /*background-color: rgba(0, 0, 0, 0.05);*/
  background-color: rgba(0, 0, 0, 0);
}