* {
  box-sizing: border-box;
}

body {
  height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows:  1fr;
  background: radial-gradient(ellipse at top left, #f59f30, #e46824);
}

body>header {
  padding: 0 1em;
}

body>header>h1 {
  margin: 0;
  font-size: 1rem;
}

text-view {
  background: white;
  background: white;
  padding: 1em;
  border-radius: 1em;
}

main {
  display: grid;
  grid-template: 
    "plaintext text-view" 1fr 
    "pdf       pdf"       1fr
  / 1fr 1fr;
  height: 100vh;
  padding: 2em;
  gap: 2em;
}

main textarea {
  grid-area: plaintext;
}



main text-view {
  grid-area: text-view;
}

main pdf-loader {
  grid-area: pdf;
  display: grid;
  grid-template:
    "header" auto 
    "pdf" 1fr 
  / 1fr;
  width: 100%;
}

pdf-loader > * {
  height: 100%;
  width: 100%;
}



pdf-loader, text-view {
  overflow-y: auto;
}