body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:#282c34;padding:10px;display:flex;align-items:center}.App-logo{height:10vmin}.App-header h1{flex-grow:1;text-align:center;margin:0;color:#fff;font-size:calc(5px + 4vmin)}.input-label{margin-top:5px;margin-bottom:5px;font-weight:700}.output-label{display:block;padding-top:20px;font-weight:700;text-align:center}.form-container{padding:20px;border:1px solid #ddd;border-radius:10px;background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;gap:10px;width:30%;margin:30px auto 0;max-width:550px}.input-group{display:flex;flex-direction:column;align-items:center;width:100%}.input-textarea{width:calc(80% - 10px);height:30px;margin-top:5px;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px}.input-field{width:calc(80% - 10px);height:10px;padding:10px;margin-bottom:20px;border-radius:5px;border:1px solid #ccc;font-size:16px}.send-button{padding:10px 40px;width:calc(60% - 10px);margin-top:20px;border:none;border-radius:5px;background-color:#61dafb;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s ease}.send-button:hover{background-color:#52a8d8}.disabled-button{opacity:.5;background-color:gray}.result-container{width:100%;max-width:550px;margin:0 auto}.result-section{margin-bottom:20px}.result-section-title{font-weight:700;margin-bottom:5px}.result-section-content{background-color:#fff;padding:10px;border-radius:5px;border:1px solid #ddd}@media (max-width: 600px){.App-header{flex-direction:column}.App-header h1{order:1;flex-grow:0}.input-textarea,.send-button{width:100%}}