@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');

.mbc-a4-generator-wrap{
  max-width:1300px;
  margin:40px auto;
  display:grid;
  grid-template-columns:300px 1fr;
  gap:28px;
  font-family:Arial, Helvetica, sans-serif;
}

.mbc-a4-generator-panel{
  background:#f7f7f7;
  border:1px solid #ddd;
  border-radius:14px;
  padding:22px;
  height:max-content;
}

.mbc-a4-generator-panel h2{
  margin:0 0 18px;
  font-size:20px;
  line-height:1.2;
  color:#082f49;
}

.mbc-a4-generator-grid{
  display:grid;
  gap:12px;
}

.mbc-a4-generator-grid label{
  display:grid;
  gap:5px;
  font-size:13px;
  font-weight:700;
  color:#082f49;
}

.mbc-a4-generator-grid input,
.mbc-a4-generator-grid select{
  width:100%;
  box-sizing:border-box;
  padding:10px 11px;
  border:1px solid #c9c9c9;
  border-radius:8px;
  font-size:14px;
  background:#fff;
}

#mbcA4DownloadPdfBtn{
  width:100%;
  margin-top:18px;
  border:0;
  border-radius:10px;
  background:#1e7ab4;
  color:#fff;
  font-weight:700;
  padding:13px 14px;
  cursor:pointer;
}

#mbcA4DownloadPdfBtn:hover{
  background:#17699c;
}

.mbc-a4-canvas-holder{
  width:100%;
  overflow:auto;
}

#mbcA4Canvas{
  width:100%;
  max-width:1000px;
  height:auto;
  display:block;
  background:#1e7ab4;
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}

@media(max-width:900px){
  .mbc-a4-generator-wrap{
    grid-template-columns:1fr;
    margin:20px auto;
  }
}