/* ficklestudio26 · QR code generator (builds on /timer/timer.css) */
.q-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:start; text-align:left; }
@media (max-width:760px) { .q-wrap { grid-template-columns:1fr; } }
.q-wrap label { display:grid; gap:4px; font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.05em; margin:0 0 10px; }
.q-wrap textarea, .q-wrap input[type=text], .q-wrap input[type=password], .q-wrap select { width:100%; padding:11px; border:2px solid #e8e8ec; border-radius:12px; font:600 17px system-ui,sans-serif; background:#fff; text-transform:none; letter-spacing:0; }
.q-wrap textarea { min-height:130px; resize:vertical; font-weight:500; }
.q-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.q-row input[type=color] { width:100%; height:46px; padding:2px; border:2px solid #e8e8ec; border-radius:12px; background:#fff; }
.q-out { text-align:center; }
#q-canvas { width:min(100%,380px); height:auto; border:1px solid #e8e8ec; border-radius:12px; image-rendering:pixelated; background:#fff; }
.q-msg { color:#c92a2a; font-weight:700; min-height:1.4em; }