body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#518dc2;color:#0c5396;min-height:100vh;padding:10px}.main{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;padding:20px}.app-container{background-color:#8cb5d9;border:.5px solid #62a5df;border-radius:15px;box-shadow:10px 8px 15px 2px #62a5df;flex-direction:column;height:350px;padding:60px;text-align:center;width:400px}.app-container,.qr-code{display:flex;justify-content:center;max-height:90vh;max-width:90vw}.qr-code{align-items:center;background-color:#9abfdf4d;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:20px 20px;border:2px dashed #fff;border-radius:8px;height:450px;transition:all .3s ease;width:500px}.qr-display{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-code-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:70%;max-width:70%;object-fit:contain}.placeholder-text{font-size:1.2em;font-weight:700}.placeholder-text,h1,p{color:#fff;text-align:center}h1{font-size:2.2em;margin:20px 0 5px}p{font-size:1.1em;margin:0 0 20px;opacity:.9}.inputs{display:flex;flex-direction:column;gap:15px;justify-content:space-evenly}.input-label{font-weight:bolder;margin:5px}.field{align-self:center;border:none;border-radius:5px;color:#041123;min-width:80%;padding:8px;text-align:center}.size-field{max-width:100px;min-width:80px;width:80px}.field:focus{border:2px solid #0c5396;box-shadow:0 0 8px #0c53964d;outline:none;transform:scale(1.02);transition:all .2s ease}.field:hover{border:1px solid #0c5396;transition:all .2s ease}.buttons{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}button{background-color:#0c5396;border:none;border-radius:6px;box-shadow:5px 5px 10px #588bb9;color:#fff;cursor:pointer;font-weight:bolder;margin:8px;min-width:120px;padding:10px 15px}button:hover{background-color:#1464b4;transform:translateY(-2px)}button:disabled{background-color:#646464;cursor:not-allowed;transform:none}.clear-button{background-color:#ff6b6b;box-shadow:5px 5px 10px #ff6b6b4d}.clear-button:hover{background-color:#ff5252;transform:translateY(-2px)}.error-message{background-color:#dc5a65;padding:5px}.error-message,.success-message{animation:slideIn .3s ease-in-out;border-radius:5px;color:#fff;font-weight:700;margin-bottom:15px;text-align:center}.success-message{background-color:#45a4d4;padding:6px}.success-message-qr{animation:slideIn .3s ease-in-out;background-color:#2e9dd5;border-radius:5px;color:#fff;font-size:.9em;font-weight:700;margin:5px 0;padding:8px 15px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.size-presets{display:flex;gap:8px;justify-content:center;margin-top:10px}.preset-btn{background-color:#0c53961a;border:1px solid #0c5396;border-radius:4px;box-shadow:none;color:#0c5396;cursor:pointer;font-size:.9em;margin:0;min-width:auto;padding:5px 12px;transition:all .2s ease}.preset-btn:hover{background-color:#0c5396;color:#fff;transform:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main{flex-direction:column;gap:30px;padding:10px}.app-container{height:320px;width:350px}.qr-code{height:400px;width:455px}h1{font-size:1.8em;margin:15px 0 5px}p{font-size:1em;margin:0 0 15px}.buttons{flex-direction:column;gap:10px}button{margin:5px 0;width:80%}}@media (max-width:480px){.app-container{height:365px;padding:20px;width:280px}.qr-code{height:280px;width:300px}.field{font-size:medium;min-width:90%}h1{font-size:1.5em;margin:10px 0 5px}p{font-size:.9em}.placeholder-text{font-size:1em}.size-presets{gap:5px}.preset-btn{font-size:.8em;padding:4px 8px}}@media (max-width:320px){.app-container{height:355px;padding:15px;width:250px}.qr-code{height:250px;width:250px}.App{padding:5px}h1{font-size:1.3em}p{font-size:.8em}.inputs{gap:10px}}
/*# sourceMappingURL=main.89e587e2.css.map*/