.uqr { display: block; }
.uqr-out canvas { display: block; max-width: 100%; height: auto !important; image-rendering: pixelated; }
.uqr-label { margin: .5em 0 0; font-size: .9em; }
.uqr-actions { display: flex; gap: .5em; flex-wrap: wrap; margin-top: .75em; }

/* Position */
.uqr-align-left   { text-align: left; }
.uqr-align-center { text-align: center; }
.uqr-align-right  { text-align: right; }
.uqr-align-center .uqr-out canvas { margin-left: auto; margin-right: auto; }
.uqr-align-right  .uqr-out canvas { margin-left: auto; }
.uqr-align-left   .uqr-actions { justify-content: flex-start; }
.uqr-align-center .uqr-actions { justify-content: center; }
.uqr-align-right  .uqr-actions { justify-content: flex-end; }

.uqr-generator { max-width: 480px; }
.uqr-admin { max-width: 720px; }
.uqr-form { display: flex; flex-wrap: wrap; gap: .5em; align-items: center; }
.uqr-form .uqr-input { flex: 1 1 240px; min-width: 0; padding: .5em; }
.uqr-admin .uqr-form label { display: inline-flex; gap: .35em; align-items: center; }
.uqr-btn { padding: .5em 1em; cursor: pointer; }
.uqr-error { color: #b32d2e; margin: .5em 0 0; }
.uqr-result { margin-top: 1em; }
.uqr-sc-row { display: flex; flex-wrap: wrap; gap: .5em; align-items: center; justify-content: flex-start; text-align: left; }
.uqr-sc-row code { word-break: break-all; }