body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff}.container{text-align:center;background-color:rgba(0,0,0,.5);padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:70%}h1{font-size:2em}h1,textarea{margin-bottom:20px}textarea{width:80%;height:200px;font-size:16px;padding:10px;border:2px solid #ccc;border-radius:5px;background-color:#fff;color:#000}.instructions{margin-top:10px;color:#ddd;font-size:1.2em}button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#2575fc;color:#fff;cursor:pointer;transition:background-color .3s;margin-top:2%}button:hover{background-color:#6a11cb}label{display:block;margin:10px 0;font-size:1.2em;margin-right:.5%}input[type=number],select{padding:10px;font-size:16px;border:2px solid #ccc;border-radius:15px;width:100px}.label-input-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:2%}.small-button{width:auto;padding:5px 10px;font-size:.9rem;background-color:#28a745;margin-left:2%}.small-button:hover{background-color:#218838}.hidden{display:none}table{width:100%;border-collapse:collapse;margin-top:15px}td,th{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f4f4f4;font-weight:700}#keyMappings{width:100%;max-height:150px;overflow-y:auto;margin-top:10px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;color:#000}#keyMappings table{width:100%}#keyMappings td,#keyMappings th{padding:5px;text-align:center}#keyMappings th{background-color:#e9e9e9}