.makoto-public-event-form { max-width: 36rem; margin-top: 2rem; }
.makoto-public-event-date { margin: 1rem 0 0; }
.makoto-public-event-form label { display: grid; gap: .35rem; font-weight: 600; }
.makoto-public-event-form input { box-sizing: border-box; width: 100%; padding: .65rem; }
.makoto-public-event-hp { position: absolute; left: -10000px; }
.makoto-public-event-notice { padding: .75rem 1rem; border-left: 4px solid #b5322b; background: #f5f5f5; }
.makoto-public-event-overview section { margin-bottom: 2rem; }
.makoto-public-event-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.makoto-public-event-dialog { width: min(34rem, calc(100% - 2rem)); border: 0; padding: 1.5rem; }
.makoto-public-event-dialog::backdrop { background: rgb(0 0 0 / .5); }
.makoto-public-event-dialog form { display: grid; gap: 1rem; }
.makoto-public-event-dialog label { display: grid; gap: .35rem; font-weight: 600; }
.makoto-public-event-dialog input, .makoto-public-event-dialog select { box-sizing: border-box; width: 100%; padding: .65rem; }
.makoto-public-event-dialog__actions { display: flex; justify-content: flex-end; gap: .75rem; }
.makoto-public-event-dialog__status { min-height: 1.5em; margin: 0; }
#makoto-public-event-qr canvas { display: block; width: 100%; max-width: 256px; height: auto; image-rendering: pixelated; }