body{color:#333;background-color:#f4f7f6;flex-direction:column;align-items:center;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}h1{color:#2c3e50}#settingsArea,#content{background:#fff;border-radius:8px;width:100%;max-width:500px;margin-bottom:20px;padding:20px;box-shadow:0 2px 5px #0000001a}input,textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;margin:10px 0;padding:10px}button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;margin:5px;padding:10px 20px;transition:background .3s}button:hover{background-color:#2980b9}#statusArea{color:#ecf0f1;background:#2c3e50;border-radius:8px;width:100%;max-width:500px;padding:15px}