.app{position:relative;display:grid;grid-template-rows:1fr auto;min-height:0}
.stage{position:relative;overflow-x:clip}
.stage-scroll{
  position:absolute;inset:calc(-1 * var(--bar-h, 0px)) 0 calc(-1 * var(--rail-wrap-h, 0px));
  padding:var(--bar-h, 0px) 0 var(--rail-wrap-h, 0px);
  display:flex;overflow:auto;scrollbar-width:none;
  scroll-padding:var(--bar-h, 0px) 96px var(--rail-wrap-h, 0px);
}
.stage-scroll::-webkit-scrollbar{display:none}

#preview{
  --ls:0em;
  margin:auto;
  padding:0 calc(96px + max(0em, -1 * var(--ls))) 0 calc(96px + max(0em, var(--ls)));
  line-height:1.1;
  white-space:pre;
  text-align:center;
  outline:none;
  font-size:170px;
  font-synthesis:none;
  font-kerning:normal;
  caret-color:var(--fg);
}
#preview:empty::before{
  content:attr(data-placeholder);content:attr(data-placeholder) / "";
  color:var(--faint);
}