@font-face { font-family: "JD Signature Latin"; src: url("../fonts/signature/caveat.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "JD Signature Chinese"; src: url("../fonts/signature/zhimangxing.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JD Signature Japanese"; src: url("../fonts/signature/yomogi.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JD Signature Korean"; src: url("../fonts/signature/nanumpenscript.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JD Signature Arabic"; src: url("../fonts/signature/arefruqaa.woff2") format("woff2"); font-weight: 400; font-display: swap; }

html[data-jewdiy-route="editor"] #builder .signature-preview {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  min-height: 40px;
  padding: 6px 4px;
  font-family: var(--signature-family, "JD Signature Latin", cursive);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.4;
  letter-spacing: 0;
  transform: none;
}
html[data-jewdiy-route="editor"] #builder .signature-preview[hidden] { display: none !important; }
@media (max-width: 720px) {
  :root body #builder.builder .designer-sign-panel > .signature-field {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    padding: 8px 0;
  }
  html[data-jewdiy-route="editor"] #builder .signature-preview { grid-column: 1 / -1; }
}