html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #0055aa;
}

.taws-workbench {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  transition: opacity 120ms linear;
}

.taws-workbench.is-ready { opacity: 1; }

.taws-loading {
  position: fixed;
  z-index: 2;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 12px;
  color: #fff;
  background: #0055aa;
  font: 16px/1.3 "Courier New", monospace;
  text-align: center;
}

.taws-loading.is-hidden { display: none; }
.taws-loading.is-error { color: #000; background: #ff8800; }