@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Great+Vibes&display=swap');
.mbc-generator-wrap{
  max-width:1200px;
  margin:40px auto;
  display:grid;
  grid-template-columns:320px 1fr;
  gap:28px;
  font-family:Arial, Helvetica, sans-serif;
}

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

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

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

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

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

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

#mbcDownloadBtn:hover{
  background:#0b3d5d;
}

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

#mbcBerthCanvas{
  width:100%;
  max-width:1000px;
  height:auto;
  display:block;
  background:#ddd;
  box-shadow:0 16px 45px rgba(0,0,0,.18);
}
.mbc-size-row{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:nowrap;
  line-height:1;
}

.mbc-size-number{
  font-size:220px;
  font-weight:700;
  line-height:.82;
  letter-spacing:-8px;
  display:block;
}

.mbc-size-unit{
  font-size:78px;
  font-weight:600;
  line-height:1;
  padding-bottom:26px;
  display:block;
}
label:has(#mbcPhone),
label:has(#mbcEmail),
label:has(#mbcWeb){
  display:none !important;
}
@media(max-width:900px){
  .mbc-generator-wrap{
    grid-template-columns:1fr;
    margin:20px auto;
  }
}