@font-face {
  font-family: "Toufik-Chorkadoho";
  src: url("./fonts/Toufik-Chorkadoho.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.dlg-wrapper{
  max-width: 860px;
  margin: 30px auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.dlg-form label{
  display:block;
  margin-top:14px;
  font-weight:700;
}

.dlg-form input,
.dlg-form textarea{
  width:100%;
  padding:10px 12px;
  margin-top:6px;
  border:1px solid #d9d9d9;
  border-radius:8px;
  font-size:16px;
}

.dlg-actions{
  margin-top:18px;
  display:flex;
  gap:12px;
  align-items:center;
}

.dlg-actions button{
  padding:10px 16px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-size:16px;
}

.dlg-download{
  padding:10px 16px;
  border-radius:10px;
  text-decoration:none;
  border:1px solid #cfcfcf;
}

.dlg-preview-wrap{
  margin-top:26px;
}

#dlg-canvas{
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid #e6e6e6;
  background:#fff;
}

.dlg-hint{
  color:#666;
  margin:10px 0 0;
}