.qr-page{max-width:1120px;margin:30px auto;padding:0 20px;color:#e9eef9}.qr-heading{text-align:center;margin-bottom:28px}.qr-heading>span{color:#a0b8ff;font-size:.8rem;letter-spacing:.15em}.qr-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0}.qr-page p{color:#b9c6dc;line-height:1.65}.qr-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.qr-card,.qr-note{background:#121d30;border:1px solid #34415a;border-radius:18px;padding:24px}.qr-card h2,.qr-note h2{font-size:1.2rem;margin:0 0 18px}.qr-page label{display:block;font-weight:600;margin:16px 0 7px}.qr-page input:not([type=checkbox]),.qr-page select,.qr-page textarea{width:100%;box-sizing:border-box;background:#0b1424;color:#edf2ff;border:1px solid #52617b;border-radius:8px;padding:12px;font:inherit;min-width:0}.qr-page textarea{min-height:150px;resize:vertical}.qr-page button{border:1px solid #6b7c9e;border-radius:8px;padding:10px 14px;background:#23314c;color:#f2f5ff;cursor:pointer;font:inherit}.qr-page button.qr-primary{background:#a9c4ff;color:#10203b;border-color:#a9c4ff;font-weight:700}.qr-page button:disabled{opacity:.5;cursor:default}.qr-page :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #b0c9ff;outline-offset:3px}.qr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qr-page label.qr-check{display:flex;align-items:center;gap:10px;font-weight:400}.qr-check input{width:18px;height:18px;accent-color:#a9c4ff;flex-shrink:0}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.qr-options{border-top:1px solid #34415a;margin-top:20px;padding-top:16px}.qr-options summary{cursor:pointer;font-weight:600}.qr-password{display:flex;gap:8px}.qr-password input{flex:1}.qr-password button{flex-shrink:0;font-size:.85rem}.qr-preview{min-height:310px;background:#0b1424;border:1px dashed #52617b;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:20px}.qr-preview canvas{width:min(100%,320px);height:auto;image-rendering:pixelated}.qr-preview p{text-align:center}.qr-output #qrStatus{min-height:3em;color:#d7e4ff}.qr-output #qrStatus[data-error=true]{color:#ffb8b8}.qr-output #qrStats,.qr-input>div>p,.qr-options p,.qr-privacy{font-size:.85rem}.qr-note{margin-top:22px}.qr-note h2{margin-bottom:8px}.qr-note p{margin:0}.qr-page [hidden]{display:none!important}@media(max-width:760px){.qr-workspace{grid-template-columns:1fr}.qr-page{padding:0 12px}.qr-card,.qr-note{padding:18px}.qr-preview{min-height:260px}.qr-password{flex-wrap:wrap}.qr-password input{flex-basis:100%}}@media(max-width:360px){.qr-grid{grid-template-columns:1fr}}