*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:90%;max-width:500px}h1{text-align:center;color:#333;margin-bottom:2rem}.input-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}input[type=text],input[type=file]{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}input[type=file]{padding:8px;background-color:#f8f8f8;cursor:pointer}.download-container{display:flex;gap:1rem;margin-top:1rem;justify-content:center}button{padding:.75rem 1.5rem;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.qr-container{display:flex;justify-content:center;margin-bottom:2rem}#qr-code{max-width:100%;height:auto;display:block}@media (max-width: 480px){.input-container{flex-direction:column}.container{padding:1rem}}@media (max-width: 768px){.download-container{flex-direction:column;gap:.75rem}#qr-canvas{width:175px!important;height:175px!important}}