* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 0; }
main { max-width: 760px; margin: 0 auto; padding: 1rem; }
h1 { margin: 0 0 1rem; }
form { background: #f5f5f5; padding: 1rem; border-radius: .5rem; }
label { display: block; margin-bottom: .75rem; }
textarea, input, select { width: 100%; padding: .5rem; font: inherit; }
.row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .75rem; }
button, a#dl { display: inline-block; padding: .6rem 1rem; border: 1px solid #ccc; border-radius: .4rem; text-decoration: none; cursor: pointer; }
.result { margin-top: 1rem; }
.qr-wrap { display: grid; place-items: center; padding: 1rem; border: 1px dashed #ddd; border-radius: .5rem; background: #fff; }
img#qr { max-width: 100%; height: auto; }
.actions { display: flex; gap: .5rem; align-items: center; margin-top: .5rem; }