.app{font-family:sans-serif;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto}.navbar{background-color:#333;color:#fff;padding:10px 20px;width:100%;display:flex;align-items:center;box-sizing:border-box}.menu-icon{font-size:24px;margin-right:20px;cursor:pointer}.tabs{display:flex;margin-bottom:20px}.tab{padding:10px 20px;border:none;background-color:#eee;cursor:pointer;margin-right:5px}.tab.active{background-color:#ddd}.form-container{display:flex;flex-direction:column;width:100%;padding:20px;box-sizing:border-box}.form-group{display:flex;align-items:center;margin-bottom:10px}.form-group label{width:120px;margin-right:10px;text-align:right}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:5px;flex:1;max-width:250px}.generate-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px;align-self:center}.result-area{width:100%;margin-top:20px}.result-area textarea{width:100%;height:150px;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical}@media (max-width: 600px){.form-group{flex-direction:column;align-items:stretch}.form-group label{text-align:left;margin-bottom:5px}.form-group select,.form-group input{max-width:none}}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;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}