@charset "UTF-8";body{margin:0;font-family:Inter,sans-serif;background-color:#121212;color:#f0f0f0;display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:100vh}.qr{max-width:600px;width:100%;background-color:#1e1e1e;padding:2rem;border-radius:12px;box-shadow:none}.qr__header{margin-bottom:2rem}.qr__header h1{font-size:1.8rem;margin-bottom:.5rem}.qr__header p{font-size:.95rem;color:#ccc}.qr__section{margin-bottom:2rem;text-align:center}.qr__form{display:flex;gap:1rem;flex-direction:column}@media (min-width: 480px){.qr__form{flex-direction:row}}.qr__form input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid #333;border-radius:6px;background-color:#2a2a2a;color:#f0f0f0}.qr__form button{padding:.75rem 1.2rem;background-color:#007acc;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s}.qr__form button:hover{background-color:#005fa3}.qr__canvas{border:1px solid #333;background-color:#1a1a1a;margin-bottom:1rem}.qr__canvas--white{background-color:#fff;border:1px solid #ccc}.qr__download{padding:.5rem 1rem;font-size:.95rem;border-radius:6px;border:1px solid #444;background-color:#2c2c2c;color:#fff;cursor:pointer}.qr__download:hover{background-color:#3a3a3a}.qr__download:disabled{opacity:.4;cursor:not-allowed}