body{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333;margin:0;padding:0}.container{max-width:800px;margin:50px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}h1{text-align:center;color:#2c3e50}.description{text-align:center;font-size:1.1em;margin-bottom:30px}.step{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px;border:1px solid #ddd}.step h2{margin-top:0;color:#34495e}.step p{font-size:.95em;color:#666}button{display:block;width:100%;padding:10px;font-size:1em;color:#fff;background-color:#3498db;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:disabled{background-color:#bdc3c7;cursor:not-allowed}button:hover:not(:disabled){background-color:#2980b9}.result{margin-top:30px;padding:20px;background:#ecf0f1;border-radius:8px;border:1px solid #ddd}.result h2{margin-top:0;color:#34495e}.result pre{background:#fff;padding:10px;border-radius:5px;border:1px solid #ddd;overflow-x:auto}