body{font-family:Arial,sans-serif;line-height:1.6;display:flex;flex-direction:column;align-items:center;margin:20px;background-color:#f4f4f9}.z{position:absolute;top:20px;left:20px;color:#007BFF;text-decoration:none;font-weight:bold}.z:hover{text-decoration:underline}.a{background-color:#28A745;border:2px solid #FFC107;border-radius:10px;width:150px;height:50px;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:Arial,sans-serif;color:#ffffff;text-align:center;cursor:pointer;margin-bottom:20px}#b{display:flex;flex-direction:column;gap:15px;background:#ffffff;padding:20px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:400px;width:100%;margin-bottom:16px}#b label{font-weight:bold;margin-bottom:5px}.c{display:flex;align-items:center;gap:10px}.d,.e{display:flex;align-items:center;gap:10px}.d input[type=number],.e input[type=number]{width:60px;text-align:center}#n{text-align:center}#b input[type=text],#b input[type=color],#b input[type=number]{font-size:14px;height:40px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}#b input[type=color]{width:50px;padding:0;border:none;cursor:pointer}#b input[type=text]{flex:1;padding:10px}#f{margin-top:20px;padding:10px 20px;font-size:16px;color:#fff;background-color:#007BFF;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}#f:hover{background-color:#0056b3}