app.css

* {
  box-sizing:border-box;
}

body {
  padding:50px 0;
}

.repeated-form-fields {
  background:#eee;
  padding:0 0 20px;
}

.field-number {
  font-size:70px;
  padding-top:50px;
  text-align:center;
}

select {
  width:100%;
}

.repeated-form-row {
  position:relative;
  padding:20px 0;
  border-bottom:2px dashed #ddd;
}

.inner-actions {
  padding:20px 0 0;
}

.field-actions {
  position:absolute;
  right:0;
  top:20px;
}

.submit-actions {
  padding:40px 0;
}

.page-header {
  margin-bottom:50px;
}

body {
  border-top:5px solid maroon;
  background: -moz-linear-gradient(top,  rgba(150,150,150,0.5) 0%, rgba(0,0,0,0) 50px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,0.5)), color-stop(50px,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(150,150,150,0.5) 0%,rgba(0,0,0,0) 50px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(150,150,150,0.5) 0%,rgba(0,0,0,0) 50px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(150,150,150,0.5) 0%,rgba(0,0,0,0) 50px); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(150,150,150,0.5) 0%,rgba(0,0,0,0) 50px); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff4444', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.errors {
  color:maroon;
  padding:5px 0 0;
}

.page-header {
  position:relative;
}

.page-header nav {
  position:absolute;
  top:0;
  right:0;
}

survey-editor-field, survey-editor-form, survey-editor-fields { display:block; }