<style>
.signature-section { margin-bottom:2rem; border:2px solid #ffffff;; padding:1rem; max-width:720px; }
canvas { display:block; width:100%; max-width:720px; height:240px; border:2px solid #ffffff; background:#000000 }
.controls { margin-top:.5rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.controls button { padding:.45rem .8rem; }
#result-participant { margin-top:.75rem; font-size:.95rem; color:#0b6; }
.preview { margin-top:.5rem; max-width:320px; border:2px solid #ffffff display:block; }
.sr-only { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.grey-hover-button { padding:.55rem .9rem; background:#000000; border:2px solid #ffffff; cursor:pointer; }
</style>