:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme:#036;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#111827;background:#fff;min-height:100vh;margin:0}body:before{content:"";background:var(--theme);width:100%;height:8px;position:fixed;top:0;left:0}.page{min-height:100vh;padding:32px 24px 24px;display:block}.card{width:min(520px,100%);margin-inline:auto;padding:0}h1{margin:0;font-size:1.75rem}#qr-form{gap:6px;margin-top:12px;display:grid}.input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:10px 12px;font-size:1rem}textarea.input{resize:vertical}.input:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.button{cursor:pointer;color:#fff;background:var(--theme);border:none;border-radius:4px;justify-self:end;margin-top:2px;padding:10px 14px;font-size:1rem;font-weight:600}.button:hover{background:#00264d}.button:focus-visible{outline:2px solid var(--theme);outline-offset:2px}.message{color:#1f2937;margin:0}.message.error{color:#b91c1c}.message.hidden{display:none}.preview{background:#fafafa;border:1px dashed #cbd5e1;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:272px;margin-top:16px;padding:16px;display:flex}.qr-image{width:256px;height:256px;image-rendering:pixelated}.generated-text{text-align:center;word-break:break-word;color:#374151;max-width:100%;margin:0}.hidden{display:none}