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}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f1f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.App{align-items:center;display:flex;height:100vh;justify-content:center}.container{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);max-width:400px;padding:40px 60px}h1{color:#333;font-size:32px;font-weight:500;margin-bottom:24px}form{display:flex;flex-direction:column;gap:16px}label{color:#666;font-weight:400}input,label{font-size:16px}input{border:1px solid #ddd;border-radius:8px;height:40px;outline:none;padding:0 12px}input:focus{border-color:#999}button{background-color:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:40px;min-width:220;outline:none;padding:10px;transition:background-color .2s ease-in-out}button:hover{background-color:#005fcc}button:active{background-color:#004da8}.App{font-family:Arial,sans-serif;text-align:center}.app-container{align-items:center;display:flex;flex-direction:column}.qr-form-container{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.qr-form-container.visible{max-height:500px}.qr-form-container.hidden{max-height:0}.home.shrink .home-header{margin-bottom:0;margin-top:0;transition:margin .5s ease-in-out}.home.shrink .features{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.qr-toggle-button{transition:all .5s ease-in-out}.qr-toggle-button.hide{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.qr-result img{height:auto;max-width:100%;min-width:320px}.qr-result{margin-top:20px}.api-websocket-section{margin-top:50px}.api-websocket-section h2{font-size:2rem;margin-bottom:20px}.api-websocket-section h3{font-size:1.5rem;margin:30px 0 10px}.api-websocket-section code{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;font-family:Courier New,Courier,monospace;padding:2px 4px}.home{margin:0 auto;max-width:1200px;padding:40px;text-align:center}.home-header{margin-bottom:40px}.features{display:flex;flex-wrap:wrap;justify-content:space-evenly}.feature{margin:20px;width:300px}.feature h2{margin-bottom:10px}.generate-button{overflow:hidden;position:relative}.loading-spinner{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.6c70b6ac.css.map*/