body{
  margin:0;
  font-family:-apple-system, BlinkMacSystemFont, Arial;
  background:#f5f5f5;
}

.container{
  max-width:600px;
  margin:auto;
  padding:20px;
}

textarea{
  width:100%;
  height:140px;
  padding:10px;
  border-radius:12px;
  border:1px solid #ddd;
  font-size:14px;
  outline:none;
}

textarea:focus{
  border-color:#007aff;
}

button{
  width:100%;
  margin-top:10px;
  padding:12px;
  border:none;
  border-radius:12px;
  background:#007aff;
  color:#fff;
  font-size:16px;
}

button:active{
  transform:scale(0.98);
}

pre{
  background:#111;
  color:#0f0;
  padding:10px;
  margin-top:10px;
  border-radius:12px;
  white-space:pre-wrap;
  word-break:break-all;
  max-height:300px;
  overflow:auto;
}